@media screen and (max-width: 1340px) {
    .container{width: 90%;}
    .video{flex: 1; margin-right: 20px;}
    .video img{width: 100%;}
    #presentation img{display: none;}
    .main-blocks img{align-self: flex-start; width: 40%;}
    .day{display: block;}
    .day img{width: 100%; margin: 0; padding: 25px; min-width: auto}
    .day-text{padding: 0 30px 30px;}
}
@media screen and (max-width: 700px) {
    header{height: 300px; }
    header #title{font-size: 22px; line-height: 28px; left: 0;padding-left: 70px; bottom: 5px;}
    header #title:after{width: 45px;}
    header #slogan{font-size: 16px; height: auto; bottom: 35px; left: 70px;}
    .main-blocks{display: block;}
    .main-blocks img{width: 100%; margin-bottom: 25px;}
    .main-blocks .text{padding-left: 0; }
    #block2{padding: 25px 0;}
    #block2 .text img{float: none; width: 100%;margin: 0;}
    h2{text-align: center;    line-height: 38px;}
    #block2 .gallery{flex-wrap: wrap; margin-top: 40px}
    #block2 .gallery img{width: 50%; margin-bottom: 2px; align-self: flex-start;}
    button.apply{width: 300px; font-size: 14px;}
    #media .container{display: block;}
    #media .video{margin: 0 0 20px 0;}
    #presentation{height: 286px; margin: auto}
    #presentation img{display: block; }
    #socials img{margin: 0 3%}
    #empowered{    transform: scale(0.6);}
    footer{    padding: 30px 0 30px;}
    #socials{margin-bottom: 15px;}
    #block1 button{display: block;}
    .camps .title{font-size: 18px;}
    #days{background: #f5f5f5; padding: 50px 0;}
#days .main-blocks{flex-wrap: wrap; justify-content: space-between;}
#days h2{text-align: center; margin-bottom: 40px;}
.day{margin-bottom: 18px; margin-top: 60px; position: relative;}
    .day img{margin: 0;}
}
@media screen and (min-width: 30em) {
    body {font-size: 18px;font-size: 1.125rem;}
    #block2 h2,#block3 h2{font-size: 1.625rem;}
}
@media screen and (min-width: 48em) {
    body {font-size: 16px;font-size: 1rem;line-height: 1.5;}
}