html, body{
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
}

/*----- Модальное окно -----*/
#modal{
  position: fixed;  
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.81);
  z-index: 5;  
  display: none;
}
#modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width: 576px) {
  #modal-dialog {
      max-width: 500px;
      margin: 30px auto; /* для отображения модального окна по центру */
  }
}