#header{float:left;width:100%;height:auto}
#header div#banner-container{position:relative;background-size: contain;background-repeat: no-repeat;width: 100%;height: 180px;padding-top: 15.5%;}
#header div#banner-container span{font-weight:bold;font-size:24pt;top:20px;left:20px;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#menu-container{float:left;width:100%;height:40px;margin-bottom:10px}
#menu-container div.menu-item{float:left;height:30px;line-height:30px;margin-top:5px;}
#menu-container div.menu-item a{text-decoration:none;display:block;padding:0px 20px 0px 20px}
#menu-container div.menu-item.active a{font-weight:bold}
#menu-container div.menu-item#home{background-image:url('/image/headers/images/header-1/icon-home.png');background-repeat:no-repeat;background-position:50%;width:60px;cursor:pointer}
#menu-container div.menu-item#login{float:right}
#menu-container div.menu-item#signup{float:right}

@media screen and (max-width: 1160px) {
	#banner-container{background-size:100% auto;background-repeat:no-repeat;}
	#header div#banner-container{height:auto}
}

@media screen and (max-width: 500px) {
	#menu-container div.menu-item a{padding:0px 10px 0px 10px}
	#header div#banner-container span{top:10px;font-size:18pt}
}

@media screen and (max-width: 400px) {
	#menu-container div.menu-item a{padding:0px 6px 0px 6px;font-size:11pt}
}

@media screen and (max-width: 360px) {
	#menu-container div.menu-item a{font-size:9pt}
}

@media screen and (max-width: 300px) {
	#menu-container div.menu-item a{font-size:8pt}
}#main-footer-container-mobile{display:none}
#main-footer-container{display:block}

@media screen and (max-width: 500px) {
    #main-footer-container-mobile{display:block}
    #main-footer-container{display:none}
}