<div id="warning-win">
  <div class="cover-warning"></div>
  <div class="win-warning-content container-modal-warning">
  <p align="left"><b>Внимание!</b> Вы собираетесь перейти на сайт, содержащий материалы, которые относятся к категории "<b>Для взрослых</b>". Возможно, Вы сочтете их откровенными, оскорбительными, или неподобающими для просмотра.<br><br>Кроме того, в зависимости от Вашего возраста и места Вашего расположения, законы могут ограничивать просмотр Вами таких материалов.<br><br>Если Вы хотите продолжить просмотр, нажмите кнопку "<b>Продолжить</b>". Тем самым Вы подтверждаете, что:<ul class="uz"><li><p align="left"> Вам уже исполнилось 18 лет.</p></li><li><p align="left"> Вы полностью берете на себя ответственность за законность Ваших действий.</p></li><li> <p align="left">Вы не будете иметь претензий к Администрации сервиса за качество и содержание материалов, размещенных на данном сайте, а также за их соответствие Вашим ожиданиям.</p></li></ul></p>
  <br><br><br><span>Вам больше 18 лет?</span><br>
  <button id="b_yes">Да</button>
  <button id="b_no"><a href="/">Нет</a></button>
  <p class="text-warning" style="visibility: hidden;">Пора смотреть мультики!</p>
  </div>
</div>

.win-warning-content {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  overflow-x: auto;
  overflow-y: scroll;
  padding: 20px;
  z-index: 200;
}
.cover-warning {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: 100;
}
.container-modal-warning {
  max-width: 1500px;
  margin: auto;
  padding: 100px;
  background: #000000;
  max-height: 1500px;
  overflow: hidden;
}
#b_yes, #b_no {
  padding: 10px 20px;
}
#b_yes {
  background: #00ff00;
  color:#000000;
}
#b_no {
  background: #ff0000;
  color:#000000;
}
.text-warning {
  margin-top:20px;
  color:red;
}
@media (max-height: 860px) {
  .container-modal-warning {
  max-width: 100%;
  margin: 100px 20px;
  padding: 19px;
  height: auto;
  min-height: 320px;
  background: #fff;
  overflow: hidden;
  }

}