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

/* Fonts */

body {font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: center; background-color: #617377;}
h1, h2, h3, h4, h5, h6 {font-weight: 300; font-family: 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
img {max-width: 100%; height: auto;}

@font-face {
    font-family: 'entypo-social';
    src: url('../fonts/entypo-social.eot');
    src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo-social.woff') format('woff'),
         url('../fonts/entypo-social.ttf') format('truetype'),
         url('../fonts/entypo-social.svg#entypo-social') format('svg');
    font-weight: normal;
    font-style: normal;

}

.breakit {
	clear:both;
	border-bottom: 3px solid #81bc4e;
	padding: 0px 5px;
}

/* Jumbotron Universals */
.jumbotron {margin-bottom: 0px; padding: 20px 0px; background-color: #fff; background-position: bottom center; background-repeat: no-repeat; background-size: cover; height: 100%;}
.jumbotron .logo {margin: 0px auto; text-align: center;}


/* Greenery */
#greenery {
	background: #71b044 url(../img/facets.jpg) 50% 0 fixed;
	height: auto;
	margin: 0 auto;
	width: 100%;
	position: relative;
	padding: 60px 0;
	}


/* Details */
.details {background-color: #204254; color: #fff; padding-top: 10px; padding-bottom: 20px;}
.details h2 {padding-right: 90px; padding-left: 90px; line-height: 1.8em; font-weight: 300;}
.details h3 {padding-right: 90px; padding-left: 90px; line-height: 1.8em;}
.details h4 {padding: 10px 90px 20px 90px; margin-bottom: 20px; line-height: 2.7em; border-bottom: 1px solid #1a2830; color: #babfc2; text-transform: uppercase; font-size: 1.0em; letter-spacing: 1px;}
.details h4 button {letter-spacing: normal; font-weight: 700;}
/*.details h4 button.btn-default {color: #1a2830; background-color: #769baf; border-color: #1a2830; text-shadow: 0px 1px 0px #ABC3CE;}
.details h4 button.btn-default:hover {color: #1a2830; background-color: #617377; border-color: #1a2830;}*/
.details p {padding-right: 90px; padding-left: 90px; line-height: 1.8em; color: #769baf;}
.details a {color: #fff; text-decoration: underline;}


/* Social */
.social {background-color: #d7d2c9; color: #918c83; font-size: 1.8em; letter-spacing: 1px;}
.social a {color: #918c83; text-decoration: none;}
.social a:hover {color: #fff; text-decoration: none;}
.social span {font-family: 'entypo-social'; font-size: 3.0em;}

/* Footer */
#footer {
	color: #babfc2;
	background: #617377 url(../img/grayfacet.jpg) 50% 0 fixed;
	height: auto;
	margin: 0 auto;
	width: 100%;
	position: relative;
	padding: 30px 0 300px 0;}
#footer a {color: #babfc2; text-decoration: none;}
#footer a:hover {color: #babfc2; text-decoration: underline;}


/* Media Queries */
@media (max-width: 768px) {
	.details h2 {padding-right: 10px; padding-left: 10px; font-size: 1.8em; line-height: 1.3em;}
	.details h3 {padding-right: 10px; padding-left: 10px; font-size: 1.1em; line-height: 1.3em;}
	.details h4 {padding-right: 10px; padding-left: 10px; font-size: 1.0em; line-height: 1.9em;}
	.details h4 button {margin-top: 10px;}
	.details p {padding-right: 10px; padding-left: 10px; font-size: 0.8em; line-height: 1.3em;}
	.details img {padding: 10px 10px 20px 10px;}

	#footer p {font-size: 0.9em;}
}