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

h1, h2, h3, h4, h5, h6 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight : normal;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
}

p {
	font-size: .9em;
	line-height: 1.75em;
	margin: 0;
}

p+p {
	margin-top: 1.75em;
}

p a:link {
	text-decoration: underline;
	color: #000;
}

p a:hover {
	text-decoration: none;
	color: #B3B3B3;
}

p a:active {
	text-decoration: none;
	color: #000;
}

p a:visited {
	text-decoration: none;
	color: #000;
}

.centered {
	text-align: center;
}

.colcomp {
	margin-top: 1.5em;
}

.footer {
	font-size: .7em;
}

.footer h6 {
	font-size: 1.25em;
	margin-bottom: .5em;
}

.footer a:link {
	text-decoration: none;
	color: #FFF;
}

.footer a:hover {
	text-decoration: underline;
	color: #FFF;
}

.footer a:active {
	text-decoration: none;
	color: #FFF;
}

.footer a:visited {
	text-decoration: none;
	color: #FFF;
}

#mainnav a:link {
	text-decoration: none;
	color: #FFF;
}

#mainnav a:hover {
	text-decoration: underline;
	color: #FFF;
}

#mainnav a:active {
	text-decoration: none;
	color: #FFF;
}

#mainnav a:visited {
	text-decoration: none;
	color: #FFF;
}

#KECR ul {
	color: #CCCCCC;
	text-align: center;
	font-weight: 300;
	font-size: 1.25em;
	font-family: 'Josefin Sans', sans-serif;
	padding: 3.5vh 0 3.5vh 0;
	text-transform: uppercase;
	list-style-type: none;
	line-height: 170%;
}

.pipespacer {
	display: none;
}

.rectangle-box h1 {
	color: #FFF;
	font-weight: 500;
	font-size: 200%;
	text-shadow: 3px 3px 10px #000;
	margin-left: 10%;
	margin-right: 10%;
	line-height: 125%;
	text-align: center;
}

.rectangle-box h2 {
	color: #FFF;
	font-weight: 500;
	font-size: 200%;
	text-shadow: 3px 3px 10px #000;
	margin-left: 10%;
	margin-right: 10%;
	line-height: 125%;
	text-align: center;
}

.contractdomestic h3 {
	color: #FFF;
	font-weight: 500;
	font-size: 250%;
	text-shadow: 3px 3px 10px #000;
	text-align: center;
	margin: 0 10% 0 10%;
}

#contdom a:link {
	color: #FFF;
	text-decoration: none;
}

#contdom a:active {
	color: #FFF;
	text-decoration: none;
}

#contdom a:visited {
	color: #FFF;
	text-decoration: none;
}

#contdom a:hover {
	color: #FFF;
	text-decoration: none;
}

.whitecenter {
	color: #FFF;
	text-align: center;
}

.whitecenter + .whitecenter{
	margin-top: 1.75em;
}

.whitecenter a:link {
	color: #FFF;
	text-decoration: underline;
}

.whitecenter a:active {
	color: #FFF;
	text-decoration: underline;
}

.whitecenter a:visited {
	color: #FFF;
	text-decoration: underline;
}

.whitecenter a:hover {
	color: #CCCCCC;
	text-decoration: none;
}

.extramargin {
	margin-top: 1.75em;
	margin-bottom: 1.75em;
}

.extramargintop {
	margin-top: 1.75em;
}

.extramarginbottom {
	margin-bottom: 1.75em;
}

.smallmarginbottom {
	margin-bottom: .75em;
}

h1 {
	color: #000;
	font-size: 200%;
	font-weight: 400;
}

#gallery h2 {
	color: #000;
	font-size: 200%;
	font-weight: 600;
}

.square-box h2 {
	color: #FFFFFF;
	font-weight: 700;
	font-size: 2em;
	line-height: 1.2em;
	margin: 10%;
	text-shadow: 0px 0px 10px #373737;
}

h3 {
	color: #000;
	font-size: 150%;
	font-weight: 400;
	margin-bottom: .5em;
}

h1+h3 {
	margin-top: .5em;
}

h1+h2 {
	margin-top: 2em;
}

h5 {
	color: #000;
	font-size: 100%;
	font-weight: 500;
	margin-bottom: 1em;
	text-transform: none;
	font-family: Merriweather, serif;
	line-height: 1.75em;
}

.fullspanmargin {
	width: 100%;
	margin-top: 2em;
	margin-bottom: .25em;
}

.fullspan {
	width: 100%;
	margin-bottom: .25em;
}

.fullspanoneline {
	width: 100%;
	margin-bottom: .75em;
}

.contactdetails a:link {
	color: #FFF;
	text-decoration: none;
}

.contactdetails a:active {
	color: #FFF;
	text-decoration: none;
}

.contactdetails a:hover {
	color: #FFF;
	text-decoration: underline;
}

.contactdetails a:visited {
	color: #FFF;
	text-decoration: none;
}

.hero h1 {
	color: #FFF;
	font-size: 200%;
	font-weight: 400;
	margin: 0 10% 0 10%;
	text-align: center;
	text-shadow: 0px 0px 10px #000;
}





@media only screen and ( min-width : 35em ){
	
#KECR li {
	display: inline;
}

.pipespacer {
	margin-left: 2.5%;
	margin-right: 2.5%;
	display: inline;
}

#KECR ul {
	font-size: .85em;
}

.rectangle-box h1 {
	font-size: 250%;
}
	
.rectangle-box h2 {
	font-size: 250%;
}

.hero h1 {
	font-size: 300%;
}

h3 {
	margin-bottom: .5em;
}

}


@media only screen and (min-width: 48em ){

#KECR ul {
	font-size: 1.2em;
}

.colcomp {
	margin-top: 0;
}

.rectangle-box h1 {
	font-size: 300%;
	margin: 0 20% 0 20%;
}
	
.rectangle-box h2 {
	font-size: 300%;
	margin: 0 20% 0 20%;
}

.contractdomestic h3 {
	font-size: 200%;
}

.whitecenter {
	color: #FFF;
	text-align: center;
	margin: 0 0 0 0;
}
	
h2 {
	font-size: 1.25em; 
}
	
.extramargin {
	margin-top: 1.75em;
	margin-bottom: 1.75em;
}

.extramargintop {
	margin-top: 1.75em;
}

.extramarginbottom {
	margin-bottom: 1.75em;
}

.square-box h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 5%;
}

}




@media only screen and (min-width: 62em) {

#mainnav {
	font-size: .9em;
	display: inline-block;
}

.navitem:nth-child(n+2) {
	margin-left: 1.5em;
}

#KECR ul {
	font-size: 1.3em;
}

h2 {
	font-size: 1.5em; 
}
	
h1 {
	font-size: 300%;
}

h3 {
	font-size: 175%;
}
	
.contractdomestic h3 {
	font-size: 250%;
}

.square-box h2 {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 5%;
}

}




@media only screen and (min-width: 75em) {

#mainnav {
	font-size: 1.1em;
	display: inline-block;
}

.navitem:nth-child(n+2) {
	margin-left: 1.5em;
}

#KECR ul {
	font-size: 1.4em;
}

.rectangle-box h1 {
	font-size: 350%;
}
	
.rectangle-box h2 {
	font-size: 350%;
}

.rectangle-box h3 {
	font-size: 250%;
	margin-left: 10%;
	margin-right: 10%;
}

h2 {
	font-size: 2em; 
}

.hero h1 {
	font-size: 350%;
}

}