/* CSS Document */

@media all and (max-width: 990px) {

	body {	
	}

	.central {
		width:100%;	
	}
	#main.central {
		padding:1%;
		width:98%;	
	}
	
	#sidebar {
		width:28%;
	}
	
	#header, #menu, #top {
		min-width:100%;	
	}
	
	#header form {
		right: 1em;	
	}
	
	#header .promo {
		margin-left:1em;
	}
	
	#top .logo img {
		margin-left:1em;
	}
	
}

@media all and (max-width: 800px) {
	#header .promo {
		top:1em;
		margin-top:0;
		max-width:50%;
	}
	#header form {
		font-size:0.8em;	
	}
}

@media all and (max-width: 500px) {
	
	#top {
		padding:1em;
		height:auto;	
	}
	#top .logo img {
		display:block;	
		margin:0 auto;
	}
	#menu {
		border-top:1px solid #CCC;
	}
    #menu ul {
        display:flex;
        flex-wrap: wrap;
    }
	#menu ul li {
		background-color:#F3f3f3;
		margin:1%;
		text-align:center;
        flex-grow:1;
	}
	#menu ul li:last-child {
	}
	#menu ul li a {
		display:block;
		border:0.1em solid rgba(0,0,0,0.1);	
	}
	
	#sidebar {
		width:100%;
		float:none;
	}
	#sidebar .box {
		padding:1em;
		overflow:hidden;
	}
	#sidebar .box .button {
	}
	#sidebar .box:first-child {
			
	}
	#sidebar .box:last-child {
	}
	#sidebar img.winmac {
		width:auto;
		height:3em;	
	}
	#sidebar .box .button.orange {	
	}
	
	#content {
		float:none;
		width:auto;
		clear:left;	
	}
	#header, #menu, #top {
		min-width:0;	
	}
	
	#header form, #header .promo {
		position:static;
		margin-top:0;	
	}
	#header form {
		display:none;	
	}
	#header .promo {
		margin:0;
		text-align:center;
		max-width:none;
	}
	#header {
		height:auto;
		padding:1em;
		width:auto;
	}
	#header .central {
		height:auto;
	}
	.nmb {
		display:none;	
	}
	
	#sidebar .submenu.box {
		position:fixed;
		width:18em;
		right:-20em;
		bottom:2em;
		z-index:1000;
		overflow:visible;
		transition:all 0.5s ease-out;
	}
	#main .submenu.on {
		right:-1em;
	}
	.submenu h3 {
		position:absolute;
		top:100%;
		left:-2.6em;
		padding:0.4em 1em;
		border-top-left-radius:0.2em;
		border-top-right-radius:0.2em;
		transform:rotate(-90deg);
		-webkit-transform:rotate(-90deg);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	#main .submenu h3 {
		font-weight:normal;
		border-bottom:0;
		margin:0;
		background-color:#fff;
		border:1px solid #DDD;
		border-bottom:0;
		padding-bottom:0.8em;
	}
	#main .submenu .sub1 {
		margin:0;	
	}
	
}