@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

#nav,#nav *{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	z-index:999;
}

#nav,#nav ul{
	margin:0 0 2px 0;
	padding:0;
	list-style:none;
	width:100%;
	float:left;
	background-color: #D90000;
}

#nav a{
	font-size:14px;
	letter-spacing:1px;
	color:#FFF;
	text-decoration:none;
	width:100%;
	border-top:1px solid #FFF;	
	margin:0;
	padding:15px 0 15px 40px;
	float:left;
	text-align: left;
	background : url(../images/nav_arrow.png) 25px 22px / auto auto no-repeat scroll padding-box border-box transparent;
}

.opened#nav{
	max-height:9999px;
}
#nav-toggle{
	margin:20px 7px 0 0;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	width : 53px;
	height : 67px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background : url(../sea-mind/info/hamburger.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	cursor: pointer;
}
.js #nav{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden
;
}

@media all and (min-width:  641px){
#nav-toggle{
	display:none;
}
}