#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media (max-width: 767px) {
.sidenav a {  text-decoration: none;  font-size: 15px;  color: #fff; font-weight:500;  display: block;  transition: 0.3s; padding-bottom:15px;}
.sidenav a:hover {  color: #000;}
.sidenav .closebtn { position: absolute; top: 2px;  right: 42px;  font-size: 60px; color:#FFFFFF; font-weight:200;}
.sidenav .closebtn:hover { position: absolute;  color:#e4e4e4;}

.sidenav {  
height: 100%;  
width: 0px;  
position: fixed;  
z-index: 999999; 
display:block;   
top: 0;   
right: 0px; 
background:hsla(50,100%,37%,0.95); 
overflow-x: hidden; 

transition: 0.7s;  
padding-top: 0px;	
opacity:1; 
border-top: solid 0px #bea10e;}
.w-200{ width:100%; display:block;}
}

@media(min-width:768px) {
.sidenav a {  text-decoration: none;  font-size: 15px;  color: #fff; font-weight:500;  display: block;  transition: 0.3s; padding-bottom:15px;}
.sidenav a:hover {  color: #005ca9;}
.sidenav .closebtn { position: absolute; top: 20px;  right: 75px;  font-size: 50px; color:#FFFFFF; font-weight:200;}
.sidenav .closebtn:hover { position: absolute;  color:#e4e4e4;}

.sidenav {  height: 0px;  width: 100%;  position: fixed;  z-index: 999999; display:block;   top: 0;   left: 0px; 
background:hsla(50,100%,37%,0.95); overflow-x: hidden; overflow-y: hidden;  transition: 1s;  padding-top: 0px;	opacity:1; border-top: solid 0px #bea10e;}
.w-200{ height:100%; display:block;}
}
@media(min-width:992px) {
.sidenav a {  text-decoration: none;  font-size: 15px;  color: #fff; font-weight:500;  display: block;  transition: 0.3s; padding-bottom:15px;}
.sidenav a:hover {  color: #005ca9;}
.sidenav .closebtn { position: absolute; top: 20px;  right:75px;  font-size: 50px; color:#FFFFFF;}
.sidenav .closebtn:hover { position: absolute;  color:#e4e4e4;}

.sidenav {  height: 0px;  width: 100%;  position: fixed;  z-index: 999999; display:block;   top: 0;   left: 0px; 
background:hsla(50,100%,37%,0.95); overflow-x: hidden; overflow-y: hidden;  transition: 1s;  padding-top: 0px;	opacity:1; border-top: solid 0px #bea10e;}
.w-200{ height:100%; display:block;}
}
@media(min-width:1200px) {
.sidenav a {  text-decoration: none;  font-size: 15px;  color: #fff; font-weight:500;  display: block;  transition: 0.3s; padding-bottom:15px;}
.sidenav a:hover {  color: #005ca9;}
.sidenav .closebtn { position: absolute; top: 20px;  right: 115px;  font-size: 50px; color:#FFFFFF;}
.sidenav .closebtn:hover { position: absolute;  color:#e4e4e4;}
.sidenav {  height: 0px;  width: 100%;  position: fixed;  z-index: 999999; display:block;   top: 0;   left: 0px; 
background:hsla(50,100%,37%,0.95); overflow-x: hidden; overflow-y: hidden;  transition: 1s;  padding-top: 0px;	opacity:1; border-top: solid 0px #bea10e;}
.w-200{ height:100%; display:block;}
}
@media(min-width:1450px) {
.sidenav a {  text-decoration: none;  font-size: 15px;  color: #fff; font-weight:500;  display: block;  transition: 0.3s; padding-bottom:15px;}
.sidenav a:hover {  color: #000;}
.sidenav .closebtn { position: absolute; top: 20px;  right: 155px;  font-size: 50px; color:#FFFFFF;}
.sidenav .closebtn:hover { position: absolute;  color:#e4e4e4;}

.sidenav {  height: 0px;  width: 100%;  position: fixed;  z-index: 999999; display:block;   top: 0;   left: 0px; 
background:hsla(50,100%,37%,0.95); overflow-x: hidden; overflow-y: hidden;  transition: 1s;  padding-top: 0px;	opacity:1; border-top: solid 0px #bea10e;}
.w-200{ height:100%; display:block;}
}




.menumobil ul{	padding:0px;	margin:0px;	}
.menumobil li {list-style:none;margin-top:1px; float:none; margin-top:2px; padding:0 0 0 10px;}
.menumobil li a:hover {	color:#000;}

.menumobilalt ul{	padding:0px;	margin:0px 0px 0px 0px;	}
.menumobilalt li {list-style:none;margin-top:1px; float:none; margin-top:2px; padding:0 0 0 10px;}
.menumobilalt li a {	 font-size:14px; font-weight:400; color:#000;	text-decoration:none;padding:2px 15px 5px 0; margin:5px 0px 0px 0px; -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;}
.menumobilalt li a:hover {	color:#000;}


.menuuuup15{padding-bottom:15px;}


.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}


.animate {
	-webkit-animation-name: ANIMATE;
	-webkit-animation-duration: 1.25s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;
}
@-webkit-keyframes ANIMATE {
	from {
	opacity: 0;
	}
	to {
		opacity: 1;
	}
}