body{background-color:#434D55;}
	p{font-size:110%;}
    h1, h2, h3 { font-family: 'Cormorant Infant', serif;  color:#ссс; 
	text-shadow:3px 4px 5px #fff, #fff 1px -1px 0;} 
	figure{margin:0;}
	h2{margin-top:-1%; margin-left:18%; font-size:300%;} h1{margin-top:3%; margin-left:20%; font-size:350%;}
	h3{margin-left:5%; margin-bottom:0%;  font-size:210%;}
    .vid{width:100%; border:none; margin-top:-1%;}
	#q03 {margin-top:-60%; margin-bottom:-14%;}
	#q04 {width:51%;} #q05 {width:49%;}  #q04 video {width:96%; border: 4px solid #232422; border-radius: 5px;}
	.a17 {border:none;}	
	#q21 {width:35%;} #q20 {width:33%;}  #q22 {width:64%; margin-top:11%;}  #q23 {width:36%;}  
	#q26 {width:35%; margin-top:20%;} #q25 {margin-top:12%;}
	#q06 {margin-top:-7%; margin-bottom:-31%;} #q07 {margin-top:-26%; margin-bottom:-15%;}
	#q08 {margin-top:-22%; margin-bottom:-9.2%;} #q09 {margin-top:-16%; margin-bottom:1%;}

	#q10 {margin-top:-15%; margin-bottom:-7%;} #q11 {margin-top:-8%; margin-bottom:-12%;}	
	#q12 {margin-top:-14%; margin-bottom:-9%;} #q14 {margin-top:-17%; margin-bottom:1%;}	
    #q15 {margin-top:-17%; margin-bottom:-8%;} #q16 {margin-top:-12%; margin-bottom:-17%;}
    #q17 {margin-top:-7%; margin-bottom:-4%;} #q18 {margin-top:-12%; margin-bottom:-7%;}
	
	.blok li { background-color: #2E343A;} .blok li { background: linear-gradient(180deg, #2E343A, #141A1D);}
	@media screen and (max-width: 1680px){p{font-size:90%;}}
	@media screen and (max-width: 1024px){h1, h2 {font-size:280%;}  #q04, #q05, #q20, #q21, #q22, #q23, #q24, #q25 , #q26{float:none; width:95%; margin: 0 auto;} p {font-size:100%;}}

	@media screen and (max-width: 680px) {h1, h2 {font-size:250%; margin-right:0%; margin-top:20px;} h1{margin-top:30px;}	
	.both .blok ul li a {height:50px; font-size: 100%;}}