@charset "UTF-8";
/* CSS Document */

* {
	padding:0;
	margin:0;	
}
html {
	height:100%;	
}
body {
	height:100%;
	color:#666666;
	font-family: 'Open Sans Condensed', sans-serif;
}
h1, h2, h3 {
	font-family: 'Oswald', sans-serif;
	color:#7e8776;	
}
h1 {
	padding-top:0.5em;	
}
	h1:first-child {
		padding-top:1.5em;	
	}
h2 {
	font-size: 1.8em;
	color:#fdb913;	
}
p {
	font-size:1.2em;	
}
a, a:focus, a img, img {
	outline:none;
}
a {
    color:#444d3e;
}
	a:hover {
	    color:#7e8776;
	}


/*** NAV BAR *********************/

.navbar {
	background-color:#444d3e;	
	border-bottom-color:#7e8776;
	font-size:1.2em;	
}
.navbar-nav > li > a {
	color:#cbcfc8 !important;	
}
	.navbar-nav > li > a:hover {
		color:#ffffff !important;	
	}
.navbar-brand {
	padding: 5px 60px 5px 15px;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus {
	background-color:#7e8776;
	color:#ffffff !important;
}
.navbar-inverse .navbar-nav > .active > a:hover {
	background-color:#7e8776;
	color:#ffffff !important;	
}
.navbar-inverse .navbar-toggle {
	border:#7e8776 1px solid;	
}
	.navbar-inverse .navbar-toggle:hover {
		background-color:#7e8776;
	}

/*** MASTHEAD *********************/

#masthead {
	background-image:url(../images/bg-image.jpg);
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#444d3e;
	width:100%;
	height:768px;
	color:#FFFFFF;
	text-align:center;
}
.logo-container {
	width:100%;
	height:auto;
	text-align:center;
	padding-top:15%;
	padding-bottom:15%;
	font-size:8em;
}
	.logo-container img {
		display:block;	
		margin:0 auto;
		padding-bottom:0.5em;
	}
	/* down arrow */
	.logo-container a,
	.logo-conatiner a:visited,
	.logo-conatiner a:focus {
		display:block;
		color:#fdb913;
	}
		.logo-container a:hover,
		.logo-container a:active {
			color:#ffffff;
		}
img.resize-70 {
	width:70%;
	height:auto;
}
img.resize-100 {
	width:100%;
	height:auto;
}


/*** MAIN CONTAINER *********************/
.container {
	overflow-x:hidden;
}	

.container section {
    padding:30px;   
}
#contact p {
    font-size:2.4em;
}
	#contact p strong {
	    font-size:1.4em;   
	    font-weight:normal;
	}
.service-img {
    padding:1em 0;
}
.section-footer {
	text-align:right;	
	padding-top:40px;
}
	.section-footer a {
		font-size:1.6em;
		color:#fdb913;	
	}
		.section-footer a:hover {
			color:#444d3e;
			text-decoration:none;	
		}

/*** FOOTER *********************/
footer {
	background:#fdb913;	
	width:100%;
	height:50px;
	margin-top:100px;
	padding:0.8em;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
	footer p {
	    text-align:center
	}


/* TRANSITIONS
-------------------------------------------------------------- */

/* FADING HOVER */
a {
	-o-transition:.5s;
	-ms-transition:.5s;
  	-moz-transition:.5s;
  	-webkit-transition:.5s;
  	transition:.5s;
}

/* MEDIA QUERIES
-------------------------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	body {
		overflow-x:hidden;	
	}
	#masthead {
		height:500px;
	}
	.container section {
	    padding:10px;   
	}
	.col-lg-4 {
		width:100%;	
	}
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
footer {
		font-size:0.9em;	
	}
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	.logo-container {
		padding-top:40%;
		font-size:4em;
	}
	.col-lg-6 {
	    width: 100%;
	}
	footer {
		height:70px;	
	}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#contact p {
		font-size:2em;	
	}


}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	#masthead {
		height:1000px;
	}
	.logo-container {
		padding-top:40%;
	}
}

 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	#masthead {
		height:1000px;
	}
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */

}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

	
}