/* Screen sizes */

    .video{height: 2700px;}
    .content_img img {height: 925px;}
    .line_block_img {height: 2250px;}
    
    .slide_list {height: 2050px;}
    .sl {padding-top:1950px;}
    .content_video{min-height: 1650px;}

    .top_button button{width: 600px; height: 120px;}
    .button {width: 550px; height: 120px;}

    .header_logo { width: 1350px; }
    .img_logo{width: 100%;}
@media screen and (max-width: 8000px) {
    .video{height: 2550px;}
    .header_logo { width: 1275px; }
    .line_block_img {height: 2100px;}

     .slide_list {height: 1850px;}
    .sl {padding-top:1750px;}
    .content_img img {height: 875px;}
}
@media screen and (max-width: 7500px) {
    .video{height: 2400px;}
    .content_img img {height: 825px;}
    .line_block_img {height: 1950px;}
    
    .slide_list {height: 1750px;}
    .sl {padding-top:1650px;}
    .content_video{min-height: 1450px;}

    .top_button button{width: 550px; height: 110px;}
    .button {width: 500px; height: 110px;}

    .header_logo { width: 1200px; }
    .img_logo{width: 100%;}
}
@media screen and (max-width: 7000px) {
    .video{height: 2250px;}
    .header_logo { width: 1125px; }
    .line_block_img {height: 1800px;}

     .slide_list {height: 1550px;}
    .sl {padding-top:1450px;}
    .content_img img {height: 775px;}
}
@media screen and (max-width: 6500px) {
    .video{height: 2100px;}
    .content_img img {height: 725px;}
    .line_block_img {height: 1650px;}
    
    .slide_list {height: 1450px;}
    .sl {padding-top:1350px;}
    .content_video{min-height: 1250px;}

    .top_button button{width: 500px; height: 100px;}
    .button {width: 450px; height: 100px;}

    .header_logo { width: 1050px; }
    .img_logo{width: 100%;}
   
}
@media screen and (max-width: 6000px) {
    .video{height: 1950px;}
    .header_logo { width: 975px; }
    .line_block_img {height: 1500px;}

    .slide_list {height: 1250px;}
    .sl {padding-top:1150px;}
    .content_img img {height: 675px;}
}
@media screen and (max-width: 5500px) {
    .video{height: 1800px;}
    .content_img img {height: 625px;}
    .line_block_img {height: 1350px;}
    
    .slide_list {height: 1200px;}
    .sl {padding-top:1100px;}
    .content_video{min-height: 1050px;}

    .top_button button{width: 450px; height: 90px;}
    .button {width: 400px; height: 90px;}

    .header_logo { width: 900px; }
    .img_logo{width: 100%;}
}
@media screen and (max-width: 5000px) {
    .video{height: 1650px;}
    .header_logo { width: 825px; }
    .line_block_img {height: 1200px;}
    .slide_list {height: 1150px;}
    .sl {padding-top:1050px;}
    .content_img img {height: 550px;}  
}
@media screen and (max-width: 4500px) {
    .video{height: 1500px;}
    .content_img img {height: 525px;}
    .line_block_img {height: 1050px;}
    
    .slide_list {height: 1100px;}
    .sl {padding-top:1000px;}
    .content_video{min-height: 850px;}

    .top_button button{width: 400px; height: 80px;}
    .button {width: 350px; height: 80px;}

    .header_logo { width: 750px; }
    .img_logo{width: 100%;}
}
@media screen and (max-width: 4000px) {

    .content_img img {height: 500px;}   
    .slide_list {height: 1050px;}
    .sl {padding-top:950px;}
    .video{height: 1350px;}
    .header_logo { width: 675px; }
    .line_block_img {height: 900px;}
}
@media screen and (max-width: 3500px) {
    .video{height: 1200px;}
    .content_img img {height: 425px;}
    .line_block_img {height: 850px;}
    
    .slide_list {height: 900px;}
    .sl {padding-top:800px;}
    .content_video{min-height: 650px;}

    .top_button button{width: 350px; height: 65px;}
    .button {width: 300px; height: 65px;}

    .header_logo { width: 600px; }
    .img_logo{width: 100%;}
}
@media screen and (max-width: 3000px) {
    .video{height: 1050px;}
    .header_logo { width: 525px; }
    .line_block_img {height: 750px;}
}
@media screen and (max-width: 2500px) {
    .video{height: 850px;}
    .content_img img {height: 300px;}
    .line_block_img {height: 625px;}
    
    .slide_list {height: 675px;}
    .sl {padding-top:600px;}
    .content_video{min-height: 475px;}

    .top_button button{width: 300px; height: 60px;}
    .button {width: 250px; height: 60px;}

    .header_logo { width: 450px; }
    .img_logo{width: 100%;}
}
@media screen and (max-width: 2100px) {
    .video{height: 825px;}
    .header_logo { width: 375px; }
    .line_block_img {height: 500px;}
}
@media screen and (max-width: 1650px) {
    .video{height: 750px;}
    .header_logo { width: 325px; }
    .content_img img {height: 225px;}
    .line_block_img {height: 420px;}
    .slide_list {max-height: 550px;}
    .sl {padding-top:500px;}
    .content_video{min-height: 375px;}

    .top_button button{width: 250px; height: 55px;}
    .button {width: 200px; height: 55px;}
}

@media screen and (max-width: 1500px) {
    .video{height: 700px;}
    .header_logo { width: 305px; }
     .top_button button{max-width: 220px; max-height: 50px;}
    .button {max-width: 175px; max-height: 50px;}
    .content_img img {height: 215px;}
    .line_block_img {height: 410px;}
    .content_video{min-height: 350px;}
}

@media screen and (max-width: 1400px) {
    .video{height: 600px;}
    .content_img img {height: 205px;}
    .slide_list {max-height: 450px;}
    .sl {padding-top:400px;}
    .content_video{min-height: 325px;}
}

@media screen and (max-width: 1300px) {
    .video{height: 550px;}
    .header_logo { width: 265px; }
    .top_button button{max-width: 215px; max-height: 45px;}
    .button {max-width: 170px; max-height: 45px;}
    .content_img img {height: 195px;}
    .line_block_img {height: 350px;}
    .content_video{min-height: 300px;}
}

@media screen and (max-width: 1200px) {
    .video{height: 500px;}
   .top_button button{max-width: 210px; max-height: 43px;}
    .button {max-width: 165px; max-height: 43px;}
    .content_img img {height: 185px;}
    .slide_list {max-height: 400px;}
    .content_video{min-height: 275px;}
    .sl {padding-top:350px;}
}

@media screen and (max-width: 1100px) {
    .header_logo { width: 245px; }
    html { overflow-x: auto; }
	body { max-width: 1100px; width: 1100px; }
    .top_button button{max-width: 205px; max-height: 40px;}
    .button {max-width: 160px; max-height: 40px;}
    .video{width:1144px; height: 500px;}
    h1{font-size: 3.25rem !important;}
    .content_img img {height: 175px;}
    .line_block_img {height: 325px;}
    .content_video{min-height: 250px;}
    .vk{width: 12px; height: 12px;}

}

/* Fonts */
@media screen and (max-width: 8500px) {
    html { font-size: 44px; }
}
@media screen and (max-width: 8000px) {
    html { font-size: 42px; }
}
@media screen and (max-width: 7500px) {
    html { font-size: 40px; }
}
@media screen and (max-width: 7000px) {
    html { font-size: 38px; }
}
@media screen and (max-width: 6500px) {
    html { font-size: 36px; }
}
@media screen and (max-width: 6000px) {
    html { font-size: 34px; }
}
@media screen and (max-width: 5500px) {
    html { font-size: 32px; }
}
@media screen and (max-width: 5000px) {
    html { font-size: 30px; }
}
@media screen and (max-width: 4500px) {
    html { font-size: 28px; }
}
@media screen and (max-width: 4000px) {
    html { font-size: 26px; }
}

@media screen and (max-width: 3500px) {
    html { font-size: 24px; }
}
@media screen and (max-width: 3000px) {
    html { font-size: 22px; }
}
@media screen and (max-width: 2500px) {
    html { font-size: 20px; }
}
@media screen and (max-width: 2100px) {
    html { font-size: 18px; }
}
@media screen and (max-width: 1600px) {
	html { font-size: 15px; }
}

@media screen and (max-width: 1500px) {
	html { font-size: 14.5px; }
}

@media screen and (max-width: 1400px) {
	html { font-size: 14px; }
}

@media screen and (max-width: 1300px) {
	html { font-size: 13px; }
}

@media screen and (max-width: 1200px) {
	html { font-size: 12px; }

}

@media screen and (max-width: 1700px){
    .light_video{display: none;}
    .medium_video{display: inline-block;}
    .high_video{display: none;}
    .video video {width: 100%;  margin-top: -7%; }
}
@media screen and (max-width: 1400px){
    .light_video{display: inline-block;}
    .medium_video{display: none;}
    .high_video{display: none;}
    .video video {width: 100%;  margin-top: -15%; }
}

@media screen and (min-width: 1700px){
    .light_video{display: none;}
    .medium_video{display: none;}
    .high_video{display: inline-block;}
    .video video {width: 100%;  margin-top: -7%; }
}