@media screen and (max-aspect-ratio: 4/3){
  html {
    font-size: 1.5vw;
  }
  body {
    background-image: url(../images/bg-mob.webp);
  }
  .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem 0 5rem 0;
    gap: 0;
  }
  .header {
    position: static;
    padding: 3rem 2rem 2rem 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header__logo {
    width: 25.8rem;
  }
  .info {
    margin: 0;
    background: none;
    height: auto;
    width: 100%;
    padding: 0 2rem;
  }
  .info__block{
    padding: 0;
    max-width: 100%;
  }
  .info__title {
    font-size: 5.2vw;
    -webkit-text-stroke-width: 1px;
    text-stroke-width: 1px;
  }
  .info__subtitle {
    font-size: 4.5vw;
  }
  .info__text {
    font-size: 3.6vw;
  }
  .calendar {
    margin: 0;
    gap: 4px;
    width: 95%;
    margin-top: -1%;
  }
  .calendar-tile {
    width: -webkit-calc(25% - 3px);
    width: calc(25% - 3px);
    height: 0;
    padding-bottom: 18.8%;
  }
  .calendar-tile::before {
    z-index: 1;
  }
  .calendar-tile__image {
    position: absolute;
    left: 0;
    top: 0;
  }
  .calendar-tile__num {
    z-index: 2;
    width: 5.5rem;
    top: -1rem;
  }
  .calendar-tile__text {
    bottom: 1rem;
    font-size: 1.7rem;
    text-shadow: -1px 0 #379777, 0 1px #379777, 1px 0 #379777, 0 -1px #379777;
  }
  .image {
    height: auto;
    width: 100%;
    position: static;
    margin-top: -7rem;
  }
  .image .img-desc {
    display: none;
  }
  .image .img-mob {
    display: block;
  }



  .popup__bg .img-mob {
    display: block;
  }
  .popup__bg .img-desc {
    display: none;
  }
  .popup__body {
    max-width: 90%;
    height: auto;
    min-height: 30rem;
    top: 63rem;
  }
  .popup__quote{
    font-size: 3.6vw;
    margin-bottom: 2.7rem;
  }
  .popup__quote br {
    display: none;
  }
  .popup__title {
    font-size: 6.3vw;
    -webkit-text-stroke-width: 1px;
    text-stroke-width: 1px;
    margin-bottom: 2.7rem;
  }
  .popup__subtitle {
    font-size: 4.6vw;
    margin: 0;
    max-width: 92%;
  }
  .popup__subtitle br {
    display: none;
  }
  .popup__button {
    top: 98rem;
    width: 24.3rem;
    font-size: 4.1vw;
    padding: 1.3rem;
  }

  .form {
    width: 100%;
  }
  .form__field{
    width: 73%;
    padding: 2rem;
  }
  .form__field::before {
    width: 4.1rem;
    height: 4.1rem;
    left: 3.4rem;
  }
  .form__input{
    padding: 1rem 3rem 1rem 6.7rem;
    font-size: 4.2vw;
    -webkit-border-radius: 10px;
            border-radius: 10px;
  }
  .form__button {
    width: 24.3rem;
    font-size: 4.1vw;
    padding: 1.3rem;
    position: static;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-top: 4rem;
  }
  .form__text {
    max-width: 90%;
    font-size: 2.6vw;
  }
  .popup__close {
    right: 3rem;
    top: 54.938rem;
  }
  .hidden {
    display: block!important;
  }
}