@CHARSET "UTF-8";
@media 		
	screen and (-webkit-device-pixel-ratio: 2),
	screen and ( max-width: 800px )
 {

	label.responsive-nav-label {
		box-sizing: border-box;
	    position: fixed;
	    z-index: 2;
	    margin: 0;
	    width: 4rem;
	    line-height: 4rem;
	    height: 4rem;
	    display: block;
	    padding: 0;
	    background: #181d16;
	    cursor: pointer;
	    color: #C7CAC5;
	    text-align: center;
	    vertical-align: middle;
	    top: 0;
	}
	label.responsive-nav-label span {
		margin-right: 0px;  
		color: #C7CAC5;
	}
	
	nav#menu {
		position: absolute;
		top: -9999px;
		padding: 10px;
	}
	
	nav#menu *, .responsive-nav-label {
		/*font-size: 32px;*/
		font-size: 5vh;
	}
	
	input#responsive-nav[type=checkbox]:checked ~ nav {
		position: fixed;
		top: 12vh;
		overflow:auto;
		height: 88vh;
	}
	nav#menu a:after {
		display: none;
	}
	
	nav#menu a.submenu {
		display: none;
	}
	
	
	nav#menu li {
	  float: none !important;
	  width: 100% !important;
	  border-bottom: none !important;
	}
	   
	nav#menu li a {
	  margin-bottom: 10px !important;
	  padding: 20px 20px !important; 
	  background: #181d16;
	}
	 
	nav#menu ul li:hover {
	  background: none;
	}
   
	nav#menu ul li a:hover {
	  background: #2e8c09;
	}
	nav#menu ul ul {
	  position: relative !important;
	  width: 100%;
	  left: 0 !important;
	  top: 0 !important;
	  background: none !important;
	  box-shadow: none;
	  padding-left:0;
	}
	/* submenu inner padding */
	nav#menu ul ul li {
	  padding-left: 0px;
	}
	
	div#login {
		float:none;
	}
	
	div#login .textin input {
		font-size: 4vh !important;
		width: 90vw;
	}
	
	div#login button {    
		font-size: 5vh;
	    display: block;
	    width: 95vw;
	}