/* GLOBAL */
body { background-color: #FFF; font-family: "proxima-nova", sans-serif; font-weight: 400; }
.row { margin-right: 0px; margin-left: 0px; }
a:hover { text-decoration: none; }

/* TYPOGRAPHY */
h1, h2, h3, h4 { font-weight: 700; font-family: "proxima-nova", sans-serif; margin-top: 0px; }
h1 { font-size: 72px; line-height: 60px; }
h2 { font-size: 40px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; font-weight: 100; text-transform: uppercase; }
p { font-size: 18px; line-height: 30px; }
ul { font-size: 18px; line-height: 30px; }
strong { font-weight: 700; }

/* BUTTONS */

/* HEADER */

/* HOME */
.hero { background-size: cover; position: relative; overflow: hidden; height: 90vh; min-height: 500px; background-image: url(images/bg_hero.jpg); display: flex; align-items: center; justify-content: center; }
.hero-logo-container { text-align: center; margin-top: -100px; }
.hero-logo-container img { width: 100%; height: auto; }
.hero h2 { margin-top: 20px; color: #FFF; }

.intro { margin-top: -198px; z-index: 999; position: relative; }
.intro img { width: 100%; }
.intro-text { background: #fdb913; padding-top: 100px; padding-bottom: 100px; color: #000; }

.main { background: #000; padding-top: 100px; padding-bottom: 100px; color: #887d6e; }
.main img { width: 100%; height: auto; margin-bottom: 20px; }
.main h3 { color: #FFF; text-align: center; margin-bottom: 50px; }
.main ul { margin-bottom: 0px; color: #fdb913; }

.contact { display: flex; flex-wrap: wrap; align-items: stretch; }
.contact-info { flex-grow: 1; display: flex; align-items: center; justify-content: center; }
.contact-info h2 { border-bottom: 4px solid #fdb913; margin-bottom: 20px; }
.map { height: 500px; position: relative; flex-grow: 2; }
.map-canvas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

/* FOOTER */
footer { padding: 20px; color: #FFF; text-align: center; background: url(images/bg_footer.jpg) repeat; }
footer p { font-size: 12px; line-height: 18px; margin: 0px; font-weight: 700; }



/* RESPONSIVE */
/* XS VIEWPORT */
@media (max-width:767px){
	h1 { font-size: 48px; line-height: 48px; }
	h2 { font-size: 28px; }
	.contact-info, .map { width: 100%; }
	.contact-info { padding-top: 50px; padding-bottom: 50px; }
	.map { height: 400px; }
	.intro-text { padding-top: 50px; }
}
/* SMALL VIEWPORT */
@media (min-width:768px) and (max-width:991px){
	
}
/* MEDIUM VIEWPORT */
@media (min-width:992px) and (max-width:1199px){
	
}
/* LARGE VIEWPORT */
@media (min-width: 1600px) {
	
}