@media only screen and (max-width: 991px) {
 .openbtn {
 display:none;
}
}
 @media only screen and (min-width: 992px) {
 .openbtn {
 position: absolute;
 top: 20px;
 right: 84px;
 z-index:9999;
}
}
 @media only screen and (min-width: 992px) {
 .openbtn {
 position: absolute;
 top: 30px;
 right: 84px;
}
}


 .openbtn img {
	 vertical-align:top;
}
	
/* SIDE NAVIGATION STYLES */

@media only screen and (max-width: 991px) {
 .sidenav {
 display:none;
}
}
 @media only screen and (min-width: 992px) {
 .sidenav {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 1;
 z-index:9999;
 top: 0;
 right: 0;
 background-color: #00A8B5;
 overflow-x: hidden;
 transition: 0.5s;
}
 .sidenav img {
 vertical-align:  top;
}
 .sidenav .closebtn {
 position: absolute;
 top: 30px;
 right: 89px;
 font-size: 36px;
}
 .sidenav a.closebtn {
 padding:0px;
}
 .sidenav nav {
 display:block;
 position: absolute;
 top:180px;
 left:50px;
}
 .sidenav nav ul a {
 font-family: 'Raleway', sans-serif;
 text-decoration: none;
 font-size: 24px;
 line-height:115%;
 color: #FFF;
 display: block;
 transition: 0.2s;
 margin:0px;
 padding:0px;
 padding-bottom: 10px;
 font-weight:600;
}
 .sidenav nav ul a:hover, .sidenav nav ul .offcanvas a:focus {
 color: #FCD667;
}
 .sidenav nav ul a.active {
 color: #FCD667;
}
 .sidenav nav ul a.tier2 {
 font-family: "proxima-nova", sans-serif;
 font-size: 20px;
 text-transform:uppercase;
}
 .sidenav nav ul a.tier2.first {
 padding-top:20px;
}


}
 @media screen (min-width: 992px) and (max-height: 450px) {
 .sidenav {
padding-top: 15px;
}
 .sidenav a {
font-size: 18px;
}
}