* {
	margin:0;
	padding:0;
}

html,body {
	width:100%;
	font:14px 'Roboto',sans-serif;
	font-weight:300;
	text-align:center;
	background:#fafafa;
	display:block;
}

header {
	margin:auto;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:900;
}

header h1 {
	margin:0 auto;
	padding:0 10px;
	width:250px;
	background:#fff;
	border-bottom:2px #00b073 solid;
	box-shadow:0 0 10px rgba(0,0,0,.25);
}

header h1 img {
	width:100%;
}

nav {
	margin-top:5px;
}

nav ul {
	font:14px 'Roboto Condensed',sans-serif;
	text-transform:uppercase;
	letter-spacing:2px;
	font-weight:300;
	color:#fff;
}

nav ul li {
	margin:5px 10px;
	display:inline-block;
}

nav ul li a {
	text-decoration:none;
	color:inherit;
	transition:all .5s ease;
}

nav ul li a:hover {
	color:#03a4b6;
}

footer {
	padding:15px 0;
	font:11px 'Roboto',sans-serif;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:300;
	width:100%;
	color:#fff;
	background:#03a4b6;
}

footer a {
	padding:5px;
	color:#fff;
	text-decoration:none;
	transition:all .5s ease;
}

footer a:hover {
	color:#fff;
	background:#00b073;
}

.container {
	margin:0 auto;
	max-width:1000px;
	width:calc(100% - 30px);
}

#home {
	margin:0 auto;
	width:100%;
	height:550px;
	display:block;
	position:relative;
	overflow:hidden;
	z-index:300;
}

#home .slide {
	width:100%;
	height:100%;
	background:url(../img/slider/truck.jpg) center center no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#home .slide::before {
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5) url(../img/slider/cover.png);
	position:absolute;
	top:0;
	left:0;
	z-index:200;
}

#home .container {
	margin-top:250px;
	position:relative;
	z-index:300;
}

#home h2 {
	font:24px 'Roboto Slab',serif;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:2px;
	color:#fff;
}

#home .sub {
	margin:5px;
	font:14px 'Roboto',sans-serif;
	font-weight:100;
	text-transform:uppercase;
	letter-spacing:2px;
	padding:10px 25px;
	color:#fff;
	background:#03a4b6;
	display:inline-block;
	position:relative;
	z-index:300;
}

#home a.next {
	margin:0 auto;
	font-size:50px;
	text-decoration:none;
	color:#fff;
	position:absolute;
	bottom:20px;
	left:0; right:0;
	z-index:300;
	transition:all .5s ease;
}

#home a.next:hover {
	color:#03a4b6;
	bottom:10px;
}

#vehicles {
	padding:25px 0 50px 0;
	width:100%;
	background:#222 url(../img/slider/cover.png);
	position:relative;
	z-index:600;
}

#vehicles .vehicle {
	padding:0 15px;
	max-width:300px;
	width:calc(100% - 30px);
	font:18px 'Roboto',sans-serif;
	text-transform:uppercase;
	font-weight:200;
	letter-spacing:2px;
	color:#fff;
	
	display:inline-block;
	vertical-align:top;
	
	position:relative;
	z-index:600;
}

#vehicles .vehicle img {
	margin:0 auto;
	display:block;
}

#map {
	width:100%;
	height:400px;
	background:#000;
	display:block;
}

#contact {
	padding:100px 0;
	width:100%;
	display:block;
	position:relative;
	overflow:hidden;
	z-index:300;
}

#contact .slide {
	width:100%;
	height:100%;
	background:url(../img/slider/highway.jpg) top center no-repeat;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#contact .slide::before {
	content:'';
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5) url(../img/slider/cover.png);
	position:absolute;
	top:0;
	left:0;
	z-index:200;
}

#contact .container {
	position:relative;
	z-index:300;
}

#contact h2 {
	margin-bottom:10px;
	font:30px 'Roboto Slab',sans-serif;
	text-transform:uppercase;
	letter-spacing:5px;
	font-weight:300;
	color:#fff;
}

#contact h3 {
	margin-bottom:10px;
	font:20px 'Roboto',sans-serif;
	text-transform:uppercase;
	letter-spacing:5px;
	font-weight:300;
	color:#fff;
}

#contact h4 {
	font:12px 'Roboto Condensed',sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:300;
	color:#fff;
}

#contact a {
	color:inherit;
	text-decoration:none;
	transition:all .5s ease;
}

#contact a:hover {
	color:#03a4b6;
}