@media screen and (max-width: 768px) and (device-aspect-ratio: 3/4), screen and (max-width: 500px){
    body{font-size: 4.2vw;}
    h1{font-size: 7.4vw; margin-top: 5vw; margin-bottom: 10vw;}
    h2{font-size: 9vw; text-align: center; margin-bottom: 5vw;}
    h3{font-size: 4vw; text-align: center; margin-bottom: 5vw;}
    h3:after{padding-bottom: 5vw; width: 15vw}
    footer p{margin-bottom: 5vw;}
    .logo{width: 60vw; margin-top: 15px}
    .header-row-content{width: 100%; height: auto; text-align: center;}
    .header-row{height: 15vw; margin-left: 0; padding: 3.7% 5.5%;}
    .form-row > * {width: 100%}
    .header-phone{width: 100%; text-align: center; margin: auto; margin-top: 6vw; padding-right: 0;}
    .header-phone-logo{width: 86vw; margin-top: 5vw;}
    /*.form-row{margin-top: 30vw;}*/
    .email-form .form-group{width: 100%; margin-top: 5vw}
    .email-input{width: 100%; height: auto; font-size: 5vw; padding: 2vw 11.5vw;}
    .email-input::placeholder{font-size: 5vw;}
    .email-form .uni-first-from-btn{width: 100%; height: auto; font-size: 5vw; padding: 2vw 11.5vw; margin: 2vw 0}
    /*.download-button{width: 60%}*/
    .download-button{width: 80%; display: inline-block}
    .download-button img{width: 100%}
    /*.download-apple{margin: 4vw 0}*/
    .app-stores{text-align: center;}
    .special-index-title{text-align: center; font-size: 4.2vw; margin-top: 15px}
    .special-index-title br{display: none;}
    .special-index-title br.break-email-iphone7 {display: block;}
    .popup h2{ font-size: 28px; }
    .popup p{ font-size: 21px; }
    .access-input{width: 95%;}
}
@media screen and (max-width: 768px){
    .download-button{display: inline-block; margin-left: 1vw;}
    .qr-code, .hide-on-mobile{display: none}
    .main-title:first-letter{text-transform: capitalize}
}