/* COLORS
black 		0e0e11
charcoal	373737
steel		666666
blue		3e7ee8
yellow		f5c635
wool		cecfcf
dust		e2e2e2

div{border:1px dotted hotpink}*/



html body {
	background: #cecfcf url(images/galvanized.jpg);
	color: #373737;
	font-family: 'Montserrat', sans-serif;
}
a, a:active, a:link, a:visited, a:hover {
	text-decoration: none
}
.container {
	background: #e2e2e2;
	border-left: 6px #373737 solid;
	border-right: 6px #f5c635 solid;
	position: relative;
}
.contact {
	background: #f5c635;
	padding: 1em;
	border-radius: 2em 0 0 2em;
	position: fixed;
	top: 6em;
	right: 0;
	z-index: 5;height:400px;transition:all 1s
}
.contact.collapsed{right: -330px;width: 400px; height:150px;}
.contact.collapsed input, .contact.collapsed textarea, .contact.collapsed .g-recaptcha{opacity:0}
.contact img {
	width: 28px;
	height: auto;
	margin: 1em .5em
}
.contact form{
	border-top:1px #fff dotted;
	padding-top:1.5em;
}
	.contact input,.contact textarea{
		background:#f5dc8d;border:none;width:100%;padding:.5em;margin:0 0 1em 0;color:#373737;opacity:1;transition:opacity 1s}
		.contact .g-recaptcha{opacity:1;transition:opacity 1s}
	.contact input::placeholder,.contact textarea::placeholder{color:#ca9903}
	.contact input::placeholder,.contact textarea::placeholder{color:#ca9903}
	.contact input#submit{border:none;background:transparent;color:#fff;text-align:right;transition:color 1s;font-size:1.5em}
	.contact input#submit:hover{color:#0e0e11}
nav {
	background: #fff;
	border-radius: 0 0 2em 2em;
	padding-top: 1.5em;
	padding-bottom: 1em;
	text-align: center
}
nav li {
	list-style: none;
	display: inline-block;
	margin-right: 2em;
}
nav a {
	color: #3e7ee8;
	transition: color .5s
}
nav a:hover {
	text-decoration: none;
	color: #373737
}
header {
	color: #373737;
	text-align: center
}
header img {
	width: 100%;
	height: auto;
}
header div:first-child img {
	max-width: 199px
}
header div:last-child img {
	max-width: 300px;
	margin-top: 1em
}
body h1 {
	font-size: 1.95em;
	color: #373737;
	font-weight: 800;
	margin: 1em 0;
	line-height: 1.25;
	letter-spacing: -1px
}
body h1.bluehead {
	color: #3e7ee8
}
a:link, a:visited {
	color: #3e7ee8;
	text-decoration: none
}
p {
	line-height: 2
}
.hazard {
	background: url(images/hazard.gif) repeat-x 0 .5em
}
.cta a {
	color: #0e0e11;
	font-weight: 200;
	letter-spacing: .1em;
	font-size: 1.3em
}
.cta a:hover {
	text-decoration: none;
	color: #f6c635;
}
.cta span {
	color: #f5c635
}
.cta img{position:relative;top:-2px}
.barrier img {
	width: 105%;
	height: auto;
	float: right;
	margin-bottom: -10em
}
.blue {
	background: #4d94ed;
	color: #fff;
}
.blue h2 {
	color: #0e0e11;
}
.charcoal {
	background: #373737;
	color: #fff
}
.charcoal h2 {
	color: #f5c635
}
.ghost {
	background: rgba(255,255,255,.85);
	padding: 1em 2em;
	font-weight: 400;
	position: relative;
	top: -20em;
	margin-bottom: -14em;
	color: #373737;
}
.ghost h2 {
	color: #3e7ee8;
	font-weight: 800;
	font-size: 2.2em;
	margin: .5em 0 0 0
}
h2 sup {
	font-size: 66%
}
.ghost h3 {
	color: #666;
	text-transform: uppercase;
	font-size: 1.75em;
	letter-spacing: .1em;
	margin-top: .5em
}
div.fullhouse {
	padding: 0
}
.fullhouse img {
	width: 100%;
	height: auto
}
.homeparallax {
	background-image: url(images/parallax_home.jpg)
}
.workzoneparallax {
	background-image: url(images/parallax_workzone.jpg)
}
.parallax {
	height: 400px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.bio {background:#cecfcf;padding-top:2em;padding-bottom:2em;margin-top:2em;margin-bottom:-2em}
.bio:nth-child(odd){background:#e2e2e2}
.bio img {border-radius:2em 2em 0 0;border:.5em solid #373737;max-width:100%}
footer div {
	height: 4.5em;
	text-align: center;
}
footer a:link {
	color: #cecfcf;
	transition: color 1s
}
footer a:hover {
	color: #f5c635
}
footer div:first-child {
	color: #cecfcf;
	background: #373737
}
footer div:first-child strong {
	font-size: 1.25em;
	font-weight: 800;
	position: relative;
	top: -.2em
}
footer div:first-child span {
	font-weight: 200;
	margin: 1em;
	display: inline-block;
	border-left: 1px solid #0e0e11;
	padding: .5em 1em;
	font-size: .8em;
}
footer div:first-child img {
	width: 19px;
	height: 28px;
	position: relative;
	top: -.55em;
	opacity: 0.4;
	transition: opacity .5s;
}
footer div:first-child img:hover {
	opacity: 1;
}
footer div:nth-child(2) {
	color: #888;
	background: #0e0e11
}
footer div:last-child {
	color: #373737;
	background: #f5c635
}
footer div:last-child span {
	color: #0e0e11;
	font-size: 1.2em
}
/* lg */
@media only screen and (min-width: 1200px) {
.row-eq-height {
	display: table;
}
.row-eq-height [class*="col-"] {
	float: none;
	display: table-cell;
	vertical-align: top;
}
}
/* md */
@media only screen and (max-width: 1200px) {

}
/* sm */
@media only screen and (max-width: 991px) {
nav {
	margin-bottom: 2em
}
}
/* xs */
@media only screen and (max-width: 768px) {
html body {
	background-image: none
}
.container {
	border: none
}
nav {background:#f5c635;
	border-radius: 0;
	padding: 1em;
}
nav ul {
	padding: 0
}
nav li {
	list-style: none;
	display: block;
	margin: 0;
	padding: .5em .5em .5em 0
}
nav a:link,nav a:visited{color:#373737;font-weight:800}
header div:first-child img {
	margin: 2em auto
}
header div:last-child img {
	margin: 1em auto
}
body h1 {
	text-align: center
}
.ghost {
	position: relative;
	top: 0;
	margin-bottom: 0
}
.swap {
	display: flex;
	flex-direction: column-reverse;
}
.charcoal{padding: 1em;}
.contact {
	background: #f5c635;
    padding: 1em 0 0 0;
	border-radius: 0;
	position: relative;
	top: -640px;
	left: 0;
	z-index: 5;height:auto;
}
.contact.collapsed{top:0;left: 0;width: 100%; height:auto;}
.contact form#sidebarform{display:none}
.contact.collapsed form#sidebarform{display:block}
.contact.collapsed input, .contact.collapsed textarea, .contact.collapsed .g-recaptcha{opacity:1}
/*.contact img {
	width: 28px;
	height: auto;
	margin: 1em .5em
}
.contact form{
	border-top:1px #fff dotted;
	padding-top:1.5em;
}
	.contact input,.contact textarea{
		background:#f5dc8d;border:none;width:100%;padding:.5em;margin:0 0 1em 0;color:#373737;opacity:1;transition:opacity 1s}
	.contact input::placeholder,.contact textarea::placeholder{color:#ca9903}
	.contact input#submit{border:none;background:transparent;color:#fff;text-align:right;transition:color 1s;font-size:1.5em}
	.contact input#submit:hover{color:#0e0e11}*/
	.contact input#submit{margin-bottom:0}
	nav.collapsed{padding-bottom:0}
	nav.collapsed .contact, nav.collapsed ul{opacity:0;height:0}
	.menu{text-align:right}
	.bio img{margin:2em auto;}
	.bio{text-align:center}
	.parallax{display:none}
}