/* CSS Document */

html,header,footer,body,nav,div,img,a,ul,li,h1,h2{margin:0; padding:0; text-decoration:none; list-style-type:none;}

a:link, a:visited{color:#09F;}
main{padding: 1.5rem; line-height: 2.6rem;}
section>p{text-indent: 2.6rem;}

.toggle-menu{display:none;}

header{margin:0rem 0;}

.site-title img{max-width:100px; display: inline-block; vertical-align:middle; }

.nav-list{display: flex;
flex-flow: row;
justify-content: space-between;
align-item: center;
white-space: nowrap;}

.nav-list > li { position: relative;}
.nav-list>li:not(.has-logo)>a{text-transform: uppercase; display: block; padding:2.75rem 1rem 0rem 1rem;}
.nav-list ul{ position:absolute; z-index: 1010; background-color: rgba(0, 0, 0, 0.9); line-height: 2rem; left:-9999px;border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;}
.nav-list ul a:hover{color:#900}
.nav-list a:hover{color:#900}


.nav-list ul a {
	font-weight:normal; display:block; padding:.5rem 1rem;}
	
	.nav-list > li:hover a + ul{ left: 0; top:100%;} 
	
	.mobile-display{display:none}
	
	@media only screen and (max-width: 58.75rem){
	html{font-size:13px;} 		
	.has-logo{display: none;}
	.mobile-display{display:block; margin:2rem auto;text-align:center;}	
	}
	
	@media only screen and (max-width: 33.68rem){
		.toggle-menu{display:block;
		max-width:-webkit-min-content; max-width: -moz-min-content; max-width: min-content;
		margin: min-content; margin:1rem auto; background-color:#393939; text-align: center;
		color: #fff !important; padding: 1rem; border-radius: .25em;}
		.toggle-menu:hover{background-color:#900;}
		.nav-list{display:block; width:100%; position:static; line-height:1rem; z-index:1012; left:0 top:0; background-color:#fff;
		
		max-height:0; overflow:auto;}
		.active{max-height:100%; overflow: auto;}
		
		.nav-list ul{position:static; text-indent: 2rem; z-index:1013;} }