html,body {width:100%;height:100%;}
*  {margin:0px;padding:0px;}

A {text-decoration:none;color:#3f1715}
A:link {text-decoration:none;color:#3f1715}
A:visited {text-decoration:none;}
A:active {text-decoration:none;color:#b52e28}
A:hover {text-decoration:none;}
h3 {margin:30px 30px 0px 30px;border-bottom: 2px solid maroon;font-size:1.8em}
h2 {font-size:28px;margin:30px 30px 0px 30px;border-bottom: 1px dashed maroon;}
#abs {position:absolute; width:100%; height:100%;  }
#header {width:90%;margin-left:5%}

#section {width:90%;float:left;margin-top:5px;background:#f5d38e;box-shadow:-5px 0px 5px black;opacity:0.96;margin-left:5%}

#footer {width:90%;height:220px;border:1px solid black;border-bottom-left-radius:100px 50%;border-bottom-right-radius:100px 50%;float:left;margin-top:10px;
background:rgba(245, 211, 142, 0.8);box-shadow:-5px 0px 5px black;opacity:1;margin-bottom:10px;margin-left:5%}
#footer .left_part {width:48%;height:90%;float:left;margin-top:10px;margin-left:1%;border-right:2px ridge #980413;text-align:center;}
#footer .right_part {width:47%;height:90%;float:right;margin-top:10px;margin-right:1%;text-align:center;}
#footer .left_part img {width:6%;opacity:1;margin-top:10px}
#footer .left_part #vk_img {margin-left:-6px}
#footer .left_part #inst_img {margin-left:12px}
#footer .left_part img:hover {width:6%;opacity:0.8;}
#footer .left_part,  #footer .right_part {font-size:18px}

#logo {width:100%;float:left;margin-top:5px;}
#logo img {width:40%;float:left;margin-left:7%;margin-left:30%}
#logo img:hover {opacity:0.95}

#menu1_1 {display:none}
#menu {width:100%;float:left;margin-top:10px;height:70px;}
.menu ul li {display:block;height:100%;width:19.8%;float:left;position:relative;background: linear-gradient(to top, #980413, #331b13 90%);box-shadow:-3px -10px 10px rgba(0,0,0,0.5);line-height:3.8;text-shadow: 1px 1px 2px black, 0 0 1em red;font-size:1.6vw;font-family:"verdana";text-align:center;opacity:0.98}
.menu #menu2,#menu3,#menu4,#menu5 {margin-left:0.24%}
.menu #menu1 {border-top-left-radius: 70px 100%}
.menu #menu5 {border-top-right-radius: 70px 100%}
.menu ul {list-style:none}
.menu ul li a {display:block;height:101%;width:100%t;color:#f6cc71;}
.menu li ul {margin-left:-1px;position:absolute;left:-9999px;opacity:0;float:none;height:100%}
.menu li ul li {width:100%;background: linear-gradient(to top, #980413, #331b13 90%);border-bottom:3px solid #fad64f;box-shadow:-5px 0px 20px black;}
.menu li ul li:nth-child(1) {border-top:3px solid #fad64f;}
.menu ul li:hover {opacity:1;font-size:2vw;line-height:2.6;font-weight:500;box-shadow:0px -10px 50px black;transition:.3s;}
.menu li ul li:hover {outline:0px;border:3px groove #fad64f;border-radius:5px;margin-left:-2%;z-index:2000;width:102%;}
.menu li:hover ul {left:0;opacity:1;z-index:1000;}

#blurb {width:100%;float:left;margin-top:5px;}
#blurb img {width:100%;box-shadow:-5px 0px 5px black;}

#up {position:fixed;width:5%;right:0.4%;bottom:-30px;opacity:1}
#up img {width:100%;}
#up:hover{opacity:0.8;bottom:-2px;transition:0.3s}

.content .text1, .content_spares .text1, .content_tricks .text1, .content_styles_ride .text1   {font-size:1.5vw;font-family:'Verdana';margin:30px 30px 0px 30px;float:left;}
.content_tricks .text1 a, .content .text1 a, .content_spares .text1 a, .content_styles_ride .text1 a  {color:black;text-decoration:none;list-style:none}
.content_spares .text1 img, .content .text1 img {width:30%;box-shadow:0px 0px 30px black;float:right;margin:20px 30px 20px 30px;border:5px ridge #980413;}
.content .text1 img:hover, .content_spares .text1 img:hover {transform: scale(1.3);-webkit-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);transition:.3s;}
.content li, .content_tricks li, .content_spares li {list-style:none;float:left;clear:left;margin-left:35px;font-size:21px;margin:30px}
.content_styles_ride #stls {width:100%;float:left}
.content_styles_ride #stls img {border:5px ridge #980413;width:80%;box-shadow:0px 0px 30px black;margin-left:10%}
.photo {width:100%;}
#photo {padding-top:50%;-moz-user-select: none; user-select: none;position:relative;float:left}
#photo img {position: absolute;top: 33%;max-width: 24.5%;max-height: 49.5%;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);cursor: zoom-in;transition:.3s;}
#photo img:nth-child(3n-2) {left:25%;}
#photo img:nth-child(3n-1) {left:50%;}
#photo img:nth-child(3n) {left:75%;}
#photo img:nth-child(n+4) {top:66%;} 
#photo img:focus {position:absolute;top:50%;left:50%;z-index:1000;max-width:100%;max-height:100%;pointer-events:none;}
#photo img:focus  ~ div {position:absolute;top:0;left:0;right:0;bottom:0;background:;cursor:zoom-out;}

@media screen and (max-width:950px),
only screen and (max-device-width : 950px) 
{
     
	  
	  .menu #menu1 {display:none;}
	  .menu #menu1_1 {display:block;width:30%;height:100%}
	  .menu #menu1_1 img {height:140px;margin-top:5px}
	  .menu #menu1_1 img:hover {opacity:0.9;transform:scale(1.1);transition:.3s}
	  .menu ul li:nth-child(1) {display:block;height:100%;width:19.8%;background:none;box-shadow:none;}
	  .menu ul li:nth-child(5) {clear:left;left:30%;margin-top:-90px}
	  .menu ul li:nth-child(6) {left:64.73%;margin-top:-90px}
	   .menu ul li {font-size:2vw; line-height:4;float:#left}  
	  .menu ul li:hover {opacity:1;font-size:2.2vw;line-height:3.8;font-weight:500;box-shadow:0px -10px 50px black;transition:.3s;}	
	  .menu li:hover ul {left:-9999px;opacity:0;}
	  .menu #menu2,#menu3,#menu4,#menu5 {width:34.5%;height:50%}
      .menu #menu5 {border-top-right-radius:0;border-bottom-right-radius:70px 100%}
	  .menu #menu4 {border-bottom-left-radius:70px 100%}
	  .menu #menu3 {border-top-right-radius:70px 100%}
	  .menu #menu2 {border-top-left-radius:70px 100%}
	  #blurb {margin-top:10px}
      #menu {background-color:#f5d38e;height:140px;border-top:10px solid #f5d38e;border-bottom:15px solid #f5d38e;border-top-left-radius:80px 40%;border-top-right-radius:80px 40%;}
}

@media screen and (max-width:900px),
only screen and (max-device-width : 900px) 
{
      #footer {height:230px;border-bottom-left-radius:60px;border-bottom-right-radius:60px;}
	  #footer .left_part img {width:10%;}
	  .content .text1, .content_spares .text1, .content_tricks .text1, .content_styles_ride .text1 {font-size:2vw;}    
}

@media screen and (max-width:600px),
only screen and (max-device-width : 600px) 
{
      .content .text1, .content_spares .text1, .content_tricks .text1, .content_styles_ride .text1 {font-size:3vw;}	  
	  .menu ul li {font-size:3vw; line-height:3.5;}  
	  .menu ul li:hover {font-size:3.2vw; line-height:3.5;}
	  .menu #menu2,#menu3,#menu4,#menu5 {width:25%;height:50%}
	  .menu #menu2,#menu4 {margin-left:10%}
	  .menu #menu5 {margin-left:0.5%}
}	  
@media screen and (max-width:500px) ,
only screen and (max-device-width : 500px)
{
	  .menu ul li {font-size:3vw; line-height:3;}
      .menu #menu5 {border-bottom-right-radius:10px}
	  .menu #menu4 {border-bottom-left-radius:10px}
	  .menu #menu3 {border-top-right-radius:10px}
	  .menu #menu2 {border-top-left-radius:10px}
	  #menu {background-color:#f5d38e;height:140px;border-top:10px solid #f5d38e;border-bottom:15px solid #f5d38e;border-top-left-radius:30px;border-top-right-radius:30px}
	  .content .text1, .content_spares .text1, .content_tricks .text1, .content_styles_ride .text1 {font-size:4vw;}	  
	  .content_spares .text1 img, .content .text1 img {width:70%;box-shadow:0px 0px 1px black;float:left;margin:20px;}
      #footer {height:440px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;width:90%}
      #footer .left_part {width:90%;height:220px;border-right:0px;float:left;border-bottom:2px ridge #980413;margin-left:5%;}
      #footer .right_part {width:90%;float:left;height:220px;margin-left:5%;}
      #footer .left_part img {width:10%;}
}
@media screen and (max-width:450px),
only screen and (max-device-width : 450px) 
{
	  .menu ul li {font-size:4vw; line-height:2;box-shadow:none;}
	  .menu ul li:hover {font-size:4.2vw; line-height:3.2;box-shadow:none;}
	  .menu #menu1_1 {display:block;width:20%;height:100%}
	  .menu #menu1_1 img {height:95px;margin-top:25px}
	  .menu ul li:nth-child(3) {left:-1%;top:30px}
	  .menu ul li:nth-child(4) {left:-1%;top:30px}
	  .menu #menu2,#menu3,#menu4,#menu5 {width:34.5%;height:30%}
	  .menu ul li:nth-child(5) {clear:left;left:19%;margin-top:-94px;top:30px}
	  .menu ul li:nth-child(6) {left:63.2%;margin-top:-94px;top:30px}
	  #menu {border-top:0px;border-bottom:0px;}
}
@media screen and (max-width:400px),
only screen and (max-device-width : 400px)
{
      .menu #menu2,#menu3,#menu4,#menu5 {width:25%;}
      .menu ul li:nth-child(3) {left:10%;top:20px}
	  .menu ul li:nth-child(4) {left:10.1%;top:20px}	 
      .menu ul li:nth-child(5) {clear:left;left:30%;margin-top:-95px;top:30px}
	  .menu ul li:nth-child(6) {left:64.85%;margin-top:-95px;top:30px}	
      .menu ul li {font-size:4.2vw; line-height:3;}	  
}