@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-bottom: 10px; height: auto;}
    .member img{width:100%; margin-bottom: 10px; height: auto;}
    .member{flex-basis: calc(33.3% - 4px);}
}
@media screen and (max-width: 700px) {
    header{height: 300px}
    header #title{font-size: 26px; line-height: 28px; padding-right: 65px; top:18px; right: 5%; background-size: 40px; }
    .main-blocks{display: block;}
    .main-blocks img{width: 100%; margin-bottom: 40px;}
    .main-blocks .text{padding-left: 0;}
    #block2 .text img{float: none; margin: 30px auto; display: block;  width: 150px;}
    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;}
    .day{display: block; margin-bottom: 20px; margin-top: 50px;}
    .day img{margin-bottom: 10px;}
    #media iframe{width: 100%!important; }
    .member img{margin-bottom: 0;}
    .member-name{font-size: 24px;}
    .member-text{margin-bottom: 25px;}
}