/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------
blue: 27313b
orange: d99027
*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {font-family: 'Open Sans', sans-serif;}

h1 {font-family: 'Open Sans', sans-serif;}
a:link, a:visited, a:active {text-decoration:none;color:navy}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

header {background: #fff; width: 100%; box-shadow: 2px 2px 6px rgba(0,0,0,.2);}

.logo {text-align: center; margin: 0 auto; padding: 15px 0; display: inline-block; width: 18%; vertical-align: middle;}
.logo img {max-width:300px;}

.header-right {display: inline-block; width: 80%; vertical-align: middle; text-align: right;}

.width-90 {width: 90%; margin: 0 auto;}
.width-80 {width: 80%; margin: 0 auto;}
.width-60 {width: 60%; margin: 0 auto;}
#padding50 {padding: 50px 0;}


.footer {padding: 50px 0; background: #27313b}
.footer #logo{margin-bottom: 20px; width:100%; max-width: 300px;}

.footer-col{display: inline-block; vertical-align: top; text-align: left; width: 20%; margin: 0 20px; color: #9f9f9f; font-size: 14px}
.footer-col a{color: #9f9f9f}
.footer-col p{line-height: 25px;}
.footer-col h4{color: #fff;  font-weight: 700; font-size: 18px; line-height: 50px; margin-bottom: 20px; letter-spacing: .5px}
.orange-border{border-top: 3px solid #d99027; width: 50px; }

.footer-col .fa{margin-right: 12px;}

.footer-col.mid{width: 40%;}
.footer-col img{display: inline-block; width: 100%; max-width: 100px; margin: 0 20px 0 0}

.bottom-footer{background: #1b1c26; color: #6a6d7c; font-size: 11px; text-transform: uppercase; padding: 12px 0;}

/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1200px) {
	.width-60 {width: 90%;}
	.width-80 {width: 90%; margin: 0 auto;}

}


@media only screen and (max-width: 1000px) {
	.footer{text-align: center;}
	.footer-col, .footer-col.mid{display: block; width: 100%; text-align: center; margin:  0 auto 20px auto;}	
	.orange-border{border-top: 3px solid #d99027; width: 50px; margin: 0 auto; text-align: center;}
}

@media only screen and (max-width: 760px) {
	.logo {width: 100%; padding: 10px 0 0 0;}
	.logo img{width: 100%;}
	.header-right {width: 100%; text-align: center; padding: 5px 0;}

	.width-80 {width: 90%; }
	.footer p {font-size: 12px;}
	
}