@charset "UTF-8";
/* CSS Document 2014 Version 1.0*/

* {	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    font-size:100%;
    margin:0;
    outline:0 none;
    padding:0;
    vertical-align:baseline;
}
body { line-height:1; border:0 none; margin:0; padding:0; font:normal 1.2em 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; color:#58585a; overflow-x:hidden; max-width:100%;
	/***Pseudo Anti-Aliasing***/
	text-shadow:0 0 1px rgba(0,0,0,0.3); }

	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, a, li { display:block; }
ul { list-style:none outside none; }
img { border:none; }
h1, h2, h3 { text-transform:uppercase; text-align:left; }
h1 { font-size:1.7em; font-weight:100; line-height:90%; padding:.3em 0; }
h2 { font-weight:200; font-size:1.5em; padding:.5em 0; color:white; }
h3 { font-weight:300; font-size:1.2em; padding:.3em 0; color:#999; }
p { font-size: 1.2em; font-weight:100; padding:0 .1em; font-family: 'Exo 2', sans-serif; color:black; }


.outer-width { width: 100%; height:auto; }
.inner-width { width: 100%; max-width:900px; margin:0 auto; padding:1em 2em; height:auto; }

#logo { margin-left:-1em; max-height:3em; }
.intro { border-top:1em solid #bf1e2e; padding-bottom:1em; }
.intro h1 { font-size:2.2em; letter-spacing:-.05em }
.intro p { color:#58585a; }
.services { background-color:#720711;  border-bottom:.3em solid #bf1e2e; }
.services h1 { color:white; padding:.1em 0; margin-left:-.1em; }
.branding { background-color: #58585a; box-shadow: 0 0 15px #444 inset; border-bottom:.3em solid #720711; padding:1em 0 3em 0;}
.branding p { color:#DDD; }
.web-design { background-color: #424243; box-shadow: 0 0 15px #333 inset; padding-bottom:1em; }
.web-design img { width:100%; margin-bottom:2em;}
.web-design p { margin-bottom:2em; color:#CCC; }

.feature-img { background-image:url("/images/ColorProcessSite.jpg"); min-height:18em; background-size:cover; display:block; background-position:5% center;}
.feature-txt h3{ color:#CAC534; }
.feature-txt p { font-size:.85em; text-align:justify; padding:0; margin-bottom:1em; line-height:1.1em; }
.feature-txt a { color:#229CD8; text-shadow:0 0 .08em black; text-decoration:none; }

.red { color:#bf1e2e; }
.bold { font-weight: 300; }

p.white { font-weight:100; }


#CTA-but {  padding:.8em 1em; background-color:#1EBF43; text-decoration:none; text-transform:uppercase; color:white; display:block; width:100%; margin:1.3em auto; border-radius: .5em; font-size: .8em; text-align:center; font-weight:300; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; }


.grid { overflow: hidden; margin-bottom:3em; border-top: 1px dashed black; border-bottom:1px dashed black; padding-bottom:2em; }
.grid img { width: 46%; float: left; margin:0 2%; }

.contact { border-top:1em solid #bf1e2e; border-bottom:.2em solid #720711; background-color:#222222; box-shadow: 0 0 1em #111 inset; padding:1em 0 5em;}
.contact h1 { color:white; border-bottom: .03em dotted #444; }
.contact h2 { color: #bf1e2e; font-weight:300; }

form { width:100%; }
.address { display:none; }
input, textarea { width:100% !important; font-size:.7em !important; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; text-align:center; }

label { display:none; }
#name, #email, #phone, #message { margin-bottom:1em; border-radius:.5em; padding:1em; height:3.2em; line-height:1.2em; border:0; font-size:.7em; background-color:#DDD; }
textarea { height:15em !important; resize:none; }



input::-webkit-input-placeholder { color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:1.2em; line-height:.8em; text-align:center; } 
input:-moz-placeholder { /* Firefox 18- */ color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:1.2em; line-height:.8em; text-align:center; } 
input::-moz-placeholder {  /* Firefox 19+ */ color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:1.2em; line-height:.8em; text-align:center; } 
input:-ms-input-placeholder { color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:1.2em; line-height:.8em; text-align:center; }
textarea::-webkit-input-placeholder { color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:1.2em; line-height:.8em; text-align:center; } 
textarea:-moz-placeholder { /* Firefox 18- */ color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:1.2em; line-height:.8em; text-align:center; } 
textarea::-moz-placeholder {  /* Firefox 19+ */ color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:1.2em; line-height:.8em; text-align:center; } 
textarea:-ms-input-placeholder { color: black !important; text-transform:uppercase; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold; font-size:.7em; line-height:.8em; text-align:center; }

input:focus, textarea:focus { background:#08608C !important; color:white; }

input.button { width:100% !important; background-color:#00721A; color:white; padding:1em; font-size:1em; text-transform:uppercase; font:bold .8em 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; border:0; border-radius:.5em; display:block; min-height:3em; }

.error { display:block; width:100%; font-weight: 400; background-color: #bf1e2e; color:white; margin-bottom: .15em; font-family: 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; padding:.3em; border-radius:.3em;}

#response { display:none; }
#success h3 { color:#1EBF43; font-weight:300; }
#success p { color:white; padding:0; }

.call { margin-top:3em; }
.call a { text-align:left; text-decoration: none; font-size:2em; color:#0C5072; font-family:'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; font-weight:bold;}

footer { background-color:black; }
footer span { color:#666; font:normal .8em 'Lato', Lucida Sans Unicode, Lucida Grande, sans-serif; }

@media screen and (min-width: 769px) {
	
	body { background-image:url(/images/sunset.jpg); background-attachment:fixed; background-repeat:repeat-x; }
	header { background-color:rgba(255,255,255,.93); }
	/*.parallax {  perspective: 1px; height: 100vh; overflow-x:hidden; overflow-y:auto; perspective-origin-x: 100%;}
	.parallax-layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform-origin-x: 100%; }
	.parallax-background { background-image:url(/images/sunset.jpg); background-size:contain; height:100%; width:100%; transform: translateZ(0) scale(2);}
	.parallax-content {transform: translateZ(-1px); }*/
	.intro .inner-width {  border-radius:.5em; }
	.inner-width { max-width:1140px; }
	#logo { max-height:5em; }
	h1 { font-size:3.8em; }
	.intro { padding: 2em 0; background: -moz-linear-gradient(top, rgba(255,255,255,.75) 35%, rgba(0,0,0,.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,.75) 35%,rgba(0,0,0,.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,.75) 35%,rgba(0,0,0,.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */  box-shadow:0 -5em 20em rgba(255,255,255,.2) inset;}
	.intro h1 { font-size:5.5em; letter-spacing:0; }
	p { font-size:1.6em; padding: 0 .3em; }
	h2 { font-size:3em; } 
	h3 { font-size:2.5em; }
	#CTA-but { width:50%; padding:.6em 1em; margin:1em 0; font-size:1.2em; box-shadow:.08em .1em .2em #333; background-color:#00721A; border:.07em solid rgba(202,197,52,.3); }
	#CTA-but:hover { background-color:#08608C;}
	.grid img { width:30%; margin:0 1.5%; }
	.web-design { padding-bottom:2em; }
	.feature-txt p { font-size:1.1em; line-height:1.2em; margin-bottom:1.2em;}
	form, #response { width:50%; margin-right:20%; }
	#name, #email, #phone, #message { background-color:#CAC534; height:3.5em; }
	form, .call { display:inline-table; }
	input, textarea { text-align:left; }
	input::-webkit-input-placeholder { text-align:left; font-size:1.3em; } 
	input:-moz-placeholder { text-align:left; font-size:1.3em; } 
	input::-moz-placeholder {  text-align:left; font-size:1.3em; } 
	input:-ms-input-placeholder { text-align:left; font-size:1.3em; }
	textarea::-webkit-input-placeholder { text-align:left; font-size:1.3em; } 
	textarea:-moz-placeholder { /* Firefox 18- */ text-align:left; font-size:1.3em; } 
	textarea::-moz-placeholder {  /* Firefox 19+ */ text-align:left; font-size:1.3em; } 
	textarea:-ms-input-placeholder { text-align:left; font-size:1.3em; }
	input.button { width:50% !important; text-align:center; font-size:.9em !important; }
	input.button:hover { background-color:#0C5072; }
	.call { margin-top:0; }
	
}