.overlay{height:0%;width:100%;position:fixed;z-index:1;top:0;left:0;background-color:rgb(0,0,0);background-color:rgba(0,0,0, 0.9);overflow-y:hidden;transition:0.5s;z-index:100;}
.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px;}
.overlay a{padding:8px;text-decoration:none;font-size:30px;color:#e9ecee;display:block;transition:0.3s;}
.overlay a:hover, .overlay a:focus{color:#ffb300;}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:30px;}
@media screen and (max-height:450px){.overlay{overflow-y:auto;}
.overlay a{font-size:20px}
.overlay .closebtn{font-size:40px;top:15px;right:35px;}
}
.topnav{height:60px;overflow:hidden;background-color:#e13c48;background-size:60px;background-image:url("../images/logo@2x.png");background-repeat:no-repeat;background-position:center center;}
.topnav a{display:inline;color:#e9ecee;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;}
.topnav a:hover{color:#343739;}
.active{color:#ffb300;}
.topnav .icon{display:none;}
@media screen and (min-width:1024px){.topnav{background-image:url("../images/logo@2x.png");background-size:60px;background-repeat:no-repeat;background-position:center center;}
}
@media screen and (min-width:450px) and (max-width:992px){.topnav{background-image:url("../images/logo@2x.png");background-size:60px;background-repeat:no-repeat;background-position:15px 50%;}
}
@media screen and (max-width:600px){.topnav{background-image:url("../images/logo@2x.png");background-size:60px;background-repeat:no-repeat;background-position:center center;}
.topnav a{display:none;}
.topnav a.icon{float:right;font-size:24px;display:block;}
}
@media screen and (max-width:450px){.topnav.responsive{position:relative;}
.topnav.responsive a{display:block;}
}