@charset "utf-8";
/* RESPONSIVE STYLING *v*********************
****************************************/

@media all and (max-width: 1350px) and (min-width: 1056px) {
nav#menu { left: -40px; }
#logo { right: 10px; top: 39px; }
	#logo img { max-width: 220px; height: auto; }
}

@media all and (max-width: 1200px) and (min-width: 1056px) {
nav#menu { left: -90px; }
}

@media all and (max-width: 1056px) {
body.normal { padding-top: 0; }	
header { height: auto; position: relative; }
nav#menu { left: auto; }
#topmenuBG { padding: 14px 0; }
#topmenu li { padding-top: 0; padding-bottom: 0; }
#menuBG { padding: 0 0 10px; }
#logo { position: relative; top: -15px; right: auto; margin: 0 auto 10px; text-align: center; }
	#logo img { max-width: 200px; }
body > div, .wrapper { width: 90%; }
#circlemenu li { min-width: 192px; padding: 10px 30px; display: table-cell; }
#contactbox, #contactinfo { width: auto; float: none !important; padding-top: 20px; }
#contactinfo { display: none; }
#contactbox .module-title, #contactinfo .module-title { width: auto; position: static; text-align: center; }
#overlay { width: 100%; left: auto; margin-left: 0; padding: 0 100px; }

}

@media all and (max-width: 700px) {
#circlemenu li { width: auto; min-width: auto; display: block; }
#overlay { padding: 0 50px; }

}

@media all and (max-width: 400px) {
#overlay { padding: 0 25px; }


nav#menu {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 10;
}
nav#menu li {
    background: none repeat scroll 0 0 #FAB203;
    border: 1px dotted #000000 !important;
    color: #000000;
    display: inline-block;
    font-size: 17px;
    padding: 3px 8px;
    width: 100%;
}
}