// Style sheet for 2016 website design boat menu

.boatMenu{
	position:absolute;
	top:-150px;
	z-index:1000;
	font-family: 'Play' , sans-serif;
	font-weight:100;
}
.boatMenuBody{
			position:relative;
			top:0px;
			z-index:1001;
			width:100%;
			background-color:#ffffff;
			text-align:center;
			color:black;
			display:inline-block;
			padding:0px;
			box-sizing:border-box;
			min-height:0px;
			transition:2s;
		}
	
		
		.boatMenuBody:visible {
			display:inline-block;
		}
		.boatMenuHeader{
			position:relative;
			top:0px;
			z-index:1001;
			width:100%;
			background-color:rgba(53, 60, 73, 0.91);
			text-align:center;
			color:white;
			display:inline-block;
			text-transform: uppercase;
			font-family: 'Play' , sans-serif;
			font-weight:800;
		}
		.boatMenuHeaderItem{
			width:175px;
			box-sizing:border-box;
			display:inline-block;
			padding:10px;
			font-size:.9em;
			font-family: 'Play' , sans-serif;
			font-weight:600;
		}
		.boatMenuHeaderItem a:link{
			color:#ffffff;
			text-decoration:none;
		}
		.boatMenuHeaderItem:hover{
			color:#353c49;
		}
		.boatBlock{
			width:250px;
			height:250px;
			overflow:hidden;
			box-sizing:border-box;
			display:inline-block;
			padding:5px;
			font-family: 'Play' , sans-serif;
		}
		.boatBlockButton{
			font-family: 'Play' , sans-serif;
			font-size:1em;
			text-align:center;
			display:none;
		}
		.boatBlockButton_mobile{
			display:none;
		}
		.boatMenuBody a{
			color:#428bca;
		}

hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
		@media screen and (max-width:1280px){
			.boatMenuBody{
				overflow-y:scroll;
				min-height:240; 
				max-height:75vh;
			}
			
		}
		@media screen and (max-width:800px){
			.boatMenuBody{
				background: #ffffff;
				min-height:240; 
				max-height:50vh;
				overflow-y:scroll;
			}
			
		}