@import url(https://fonts.googleapis.com/css?family=Monda:400,700|Questrial);
.monda {
	font-family: 'Monda', sans-serif;
}
.questrial {
	font-family: 'Questrial', sans-serif;
}
body {
	background:#F2F2F0;
	font-family: 'Questrial', sans-serif;
	font-size:1.6em;
	padding-top:51px;
	padding-bottom:0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Monda', sans-serif;
}
.container section {
	padding-top: 2em;
}
.container section h1 {
	font-size:2em;
	margin-top:1em;
	margin-bottom:1em;
}
.container .row section ul {
	margin-bottom:1.4em;
}
.container section ul li {
	margin-bottom:0.5em;
}
#contact {
	margin-bottom:5em;
}
.navbar-toggle {
	margin-right:5px;
	padding: 4px 5px;
	border:0;
	margin-top:14px;
}
.navbar {
	-webkit-box-shadow: 0 8px 6px -6px #999;
	-moz-box-shadow: 0 8px 6px -6px #999;
	box-shadow: 0 8px 6px -6px #999;
}
.navbar-default {
	background: #0D0706;
	border-color: #0D0706;
}
.navbar-default .navbar-brand {
	color:#929090;
	text-transform:uppercase;
	font-weight:bold;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background:#333333;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: #2B2B2B;
	color: #CCC9C9;
}
.nav > li > a {
	padding:15px 10px;
	font-size:14px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-nav>li>a:hover {
	color:#fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color:transparent;
}
.hero {
	width:100%;
	height:200px;
}
.hero img {
	width:100%;
	height:100%;
}

footer {
	padding-top:3em;
	padding-bottom:3em;
	background: #8C8474;
	color: #CCCAA5;
	font-size:1.4em;
	line-height:2em;
}

@media (min-width: 768px) {
	.hero {
		height:400px;
	}
}
@media (min-width: 992px) {
  .container section h1 {
		margin-top:2em;
	}
	.hero {
		height:500px;
	}
}
@media (min-width: 1200px) {
  .hero {
		height:800px;
	}
}

@media screen and (max-width: 767px) {
	
}
