@charset "UTF-8";
/* CSS Document */
body {
	background: #000000 url(../images/beneteau-50-black.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	font-family: 'Montserrat', helvetica, arial, sans-serif;
	color: #000;
	height:100%; 
}

h1 {
	color:#ceffff;
	font-size:18px;
	line-height: 21px;
	font-weight:500;
}

a {
	color: #000;
	text-decoration: none;
	font-weight: 500;
}

.butt {
	background: #ceffff;
	border-radius: 50px;
	padding: 15px;
	margin: 7px auto;
	text-transform: uppercase;
}
.butt:hover {
	background: #000;
	color: #ceffff;
}

@media screen and (min-width: 64em) {
	h1 { margin-bottom: 30px; }
	.butt {	width: 30%;	}
	a { font-size:19px; }
	.spacer { height: 120px; clear: both; }
}


@media screen and (max-width: 63.9375em) {
	h1 { font-size: 36px; line-height: 36px; }
	.butt { width: 80%; margin: 10px auto; padding: 25px;	}
	a { font-size: 28px; }
	.spacer { height: 540px; clear: both; }
}