html, body { color: #000; font-family: "Work Sans", sans-serif; letter-spacing: 0.3px; font-size: 17px; font-weight: 300; line-height: 35px; }
b, strong { font-weight: 500; letter-spacing: -0.2px; }
.header {	
	/*background-image: url("../images/bg02.png"), url("../images/bg02.png"), url("../images/bg01.png");
	background-position: top left,top left,left;
	background-size: 100% 6em,100% 6em,auto;
	background-repeat: no-repeat,no-repeat,repeat;
	*/
	background-color: #fff;
}

.header .logo {
	background-size: 226px 120px;
	width: 226px;
	height: 120px;
}

.topbar {
	box-shadow: 0 4px 0 0 #dadada;	
	background-color: #254d00; 
    background: -webkit-linear-gradient(#254d00, #152b00); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#254d00, #152b00); /* Standard syntax */
}

/* H E A D E R S */

h1, .appear-h1 { font-family: "Libre Baskerville", serif; font-weight: 500; color: #000; letter-spacing: 0.5px; margin-bottom: 0px; }
h2 { font-family: "Libre Baskerville", serif; font-size: 30px; color: #000; font-weight: 500; margin-top: 0px; margin-bottom: 10px; }
h3 { font-family: "Libre Baskerville", serif; font-size: 23px; color: #000; }

.heading h2 { 
	font-family: "Libre Baskerville", serif;
	font-size: 23px; 
	letter-spacing: 0.2px; 
	color: #75a7bc; 
	margin-bottom: 0; 
	font-weight: normal; 
}
h2:after {
    content:' ';
    display:block;
    border: 2px solid #75a7bc;
	margin-top: 10px;
	max-width: 60px;
}
.heading h2:after,
.beam-gigantic h2:after {
	display: none;
}

/* N A V I G A T I O N */

.navbar { 
	min-height: 0;
	-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("../images/bg01.png"); 
	background-color: #0c3c51; 
    background: -webkit-linear-gradient(#0c3c51, #000000); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#0c3c51, #000000); /* Standard syntax */	
	border-bottom: 4px solid #75a7bc;
}
.nav > li.active:before {
	background-color: #75a7bc;
}

.nav > li > a { font-family: "Libre Baskerville", serif; font-weight: 400; font-size: 18px; letter-spacing: 0.5px; color: #fff; }
.nav ul li a { font-size: 16px; }

/* D R O P D O W N */

.nav ul{
	background-color: #75a7bc;
    background: -webkit-linear-gradient(#75a7bc, #3c768f); /* For Safari 5.1 to 6.0 */
    background: linear-gradient(#75a7bc, #3c768f); /* Standard syntax */
}
.dropdown-menu { 
	text-align: left;
	webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.dropdown-menu a { color: #fff !important; }
.dropdown-menu a:hover { color: #000 !important; }

/* E L E M E N T S */

a, a:focus {
	color: #38809e;
}
a:hover {
	color: #38809e;
	text-decoration: underline;
}

.beam-small {
	background-color: #d5dcdf;
	height: 5px;	
}

.beam-gigantic {
	background-color: #051b25;
	color: #7c8e96;
	letter-spacing: 0.3px;
	font-family: "Libre Baskerville", serif;
}

.beam-gigantic  h2 {
	border-bottom: dotted 2px #0e2f3d;
	color: #fff;
	font-size: 38px;
	font-weight: 400; 
	letter-spacing: 0.2px;
	line-height: 100px;
	margin-top: 0px;
}

.beam-gigantic div { margin: 25px 0 15px 0; opacity: 0.8; font-size: 25px; }

.beam-large {
	font-family: "Libre Baskerville", serif;
    background-color: #002636;
	color: #fff;
	font-size: 32px;
	font-weight: 400; 
}

.beam-large a {
	font-family: "Work Sans", sans-serif;
	text-decoration: none !important;
	font-weight: 400;
	text-transform: none;
	background-color: #75a7bc;
	color: #fff;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url('../images/bg01.png');
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	border-radius: 30px;
	font-size: 19px;
	word-wrap: nowrap;
	display: inline-block;
}

.beam-large a:hover {
	background-color: #aee4fb;
	color: #000;
}

.overview .item { min-height: 100px; }

.form-control { font-size: 17px; }

.main-image { background-color: #fff; }


/* F O O T E R */

.footer {
	background-color: #000;
	color: #fff;
	line-height: 30px;
}

.footer a, .footer i { color: #fff; }
.footer h3 { margin-bottom: 5px; letter-spacing: 0.5px; font-family: "Libre Baskerville", serif; font-weight: 600; color: #fff; }

.subfooter { background-color: #fff; }
.subfooter a { color: #8c8c8c; font-size: 12px; }
.icons { color: #4c4f56; }
.icons:hover { color: #544f41; }

.contact-details h3 { font-size: 18px; }
.contact-details { font-size: 15px; }

.socialmedia {
	font-size:13px;
	line-height: 1.8em;
}

.logo-sm {
	margin: 0 auto; 
	display: block;
	max-width: 150px;
}

.img-resp-r, .img-resp-l { display: block; max-height: auto; width: auto; height: auto; }
.img-resp-r { float: right; margin-left: 20px; }
.img-resp-l { float: left; margin-right: 20px; }

.cust-but, .btn-primary {
	display: inline-block;
	cursor: pointer;
	background-color: #000;
	font-size: 19px;
	line-height: 19px;
	letter-spacing: 0.5px;
	color: #fff;
	padding: 18px 15px;
	font-weight: 600;
	border-radius: 25px;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url('../images/bg01.png');
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;	
}
.btn-primary:hover, .cust-but:hover { font-weight: 600; background-color: #5f92a8; color: #fff; }	
.btn-primary:focus, .cust-but:focus { font-weight: 600; background-color: #5f92a8; color: #fff; border: none; }	

.gallery img {
	cursor: pointer;
}

.gallery img {
	max-width: 100%;
}