@charset "UTF-8";
/* CSS Document */

#giv{
    padding: 75px 0;
}

button {
    border:none;
    background: none;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}

.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  z-index: 100000;
  padding: 5rem;
  width: 100%;
  height: 100%;
}
.modal-window > p{
    margin-left:calc(50% - 300px) ;
    margin-top:200px;
}

.button-close {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 80px;
  height: 80px;
  padding: 1em;
  cursor: pointer;
  z-index: 100001;
}

@media print, screen and (max-width: 828px) {
    .modal-window {
      display: none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 5px;
      z-index: 100000;
      padding: 5rem;
      width: 100%;
      height: 100%;
    }
    .modal-window > p{
        margin-left:0;
        margin-top:0;
        width: 100%;
    }
    .modal-window  iframe{
        width: 100%;
    }

    .button-close {
      position: absolute;
      top: 40px;
      left: 81%;
      width: 80px;
      height: 80px;
      padding: 1em;
      cursor: pointer;
      z-index: 100001;
    }
}
@media print, screen and  (min-width:768px) and ( max-width:827px) {
    .button-close {
      top: 40px;
      left: 80%;
    }
}
@media print, screen and  (min-width:750px) and ( max-width:767px) {
    .button-close {
      top: 90px;
      left: 76%;
    }
}
@media print, screen and  (min-width:720px) and ( max-width:749px) {
    .button-close {
      top: 86px;
      left: 75%;
    }
}
@media print, screen and  (min-width:640px) and ( max-width:719px) {
    .button-close {
      top: 76px;
      left: 74%;
    }
}
@media print, screen and  (min-width:540px) and ( max-width:639px) {
    .button-close {
      top: 62px;
      left: 71%;
    }
}
@media print, screen and  (min-width:428px) and ( max-width:539px) {
    .button-close {
      top: 54px;
      left: 69%;
      width: 70px;
      height: 70px;
    }
}
@media print, screen and  (min-width:414px) and ( max-width:527px) {
    .button-close {
      top: 50px;
      left: 68%;
      width: 70px;
      height: 70px;
    }
}
@media print, screen and  (min-width:320px) and ( max-width:413px) {
    .button-close {
      top: 80px;
      left: 74%;
      width: 70px;
      height: 70px;
    }
}



.section-title {
  text-align: center;
  margin: 2em;
  font-size: 20px;
}

.button-open {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}