/* ==========================================================================
	Common
   ========================================================================== */
html {
	height: 100%;
}

body {
	height: 100%;
	font-size: 100%;
}

/* ==========================================================================
	Structure
   ========================================================================== */
.container {
	max-width: 1600px;
	width: auto;
}

.jumbotron {
	background: url("../media/garage.png") center top no-repeat;
	background-size: cover;
	height: 100%;
	margin: 0;
	padding: 18px 0;
	position: relative;
	z-index: 0;
	position: relative;
}

.jumbotron .container {
	max-width: 1600px;
	width: auto;
}

.jumbotron p {
	color: #B4A397;
	font-family: Lato, sans-serif;
	font-size: 16px;
}

.arrow p {
	cursor: pointer;
	font-size: 21px;
	transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

.arrow p:hover {
	color: #7B6A58;
}

.text {
	bottom: 5%;
	display: none;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

/* ==========================================================================
	Link
   ========================================================================== */
a {
	color: #B4A397;
	text-decoration: none;
	transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

a:hover {
	color: #7B6A58;
	text-decoration: none;
}

/* ==========================================================================
	Arrows
   ========================================================================== */
.arrow {
	bottom: 5%;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

/* ==========================================================================
	Media Query
   ========================================================================== */
@media screen and (min-width:520px) {
}

@media screen and (min-width:1100px) {
	.jumbotron {
		padding-bottom: 34px;
		padding-top: 34px;
	}
	.logo {
		padding: 0 0 0 20px;
	}
}

@media screen and (min-width:1620px) {
}