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

body {
	font-family: 'Lato', sans-serif;
	color:#231f20;
}

h1, h2, h3, h4 {
	text-transform: uppercase;
	font-family: 'Lato', Arial, sans-serif;
	letter-spacing: 0.1em;
	font-weight: 900;
}

p {
	font-size: 1.25em;
	line-height: 1.7em;
	text-align: justify;
}

ul > li {
	font-size: 1.25em;
	padding-left: 1em;
}

h1 {
	text-align: center;
}

h2 {
	font-size: 3em;
	padding-bottom: 70px;
	text-align: center;
	line-height: 1em;
}

h3 {
	font-weight: 700;
	font-size:1.5em;
	margin-top: 2em;
	margin-bottom: .8em;
}

h3.email_contact {
	text-transform: none;
	font-size:1.7em;
	letter-spacing: normal;
}


h3.email_contact a:link, h3.email_contact a:visited {
	color: #ffd24e;
}

h3.email_contact a:hover {
	color: #bf4b32;
}

a:link {
	color: #bc4831;
}

a:visited {
	color: #bc4831;
}

a:hover {
	color: #e52600;
}

.off_white {
	background-color:#fefbd7;
}

.yellow {
	background-color:#ffd24e;
}

.dark_grey {
	background-color:#231f20;
	color:#fefbd7;
}

.orange {
	background-color: #bf4b32;
	color:#fefbd7;
}

.lt_blue {
	background-color: #7bc9cf;
}

.top_bar {
	height:0.9375em;
	width:100%;
}

/* HOME STYLES */

.home_header {
	  height:75%;
	  min-height:75%;/*for mozilla*/
	  padding:0px;
}

.home_header img {
	margin-top:30vh;
}

section {
	padding: 5em 0px;
}

.clients ul{
	margin-top: 1.5em;
}

.clients ul li {
	list-style: none;
	line-height: 1.2em;
	margin-bottom: .85em;
	padding-left: 0;
}


/* NAVIGATION STYLES */

section.main_nav {
	background-color: #db9e36;
	padding: 0px;
}

.menu-text {
 display: none important!;
}
.title-logo {
	background-color: #000;
	padding-bottom: 0.9375em;
}
.title-bar {
	background: #414141 none repeat scroll 0 0;
	color: #fefefe;
	padding: 0.5rem;
	
	top:0.9375em;
	width:100%;
}
.title-bar-title {
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 0.85em;
	letter-spacing: 1.5px;
}
.top-bar {
	background-color: #db9e36;
}
.top-bar ul {
	background-color: transparent;
}

#main-menu ul > li > a {
	text-align:center;
}

.menu > li > a {
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	font-ow 0.85em;
	letter-spacing: 1.5px;
}
.menu > li > a:hover {
	color: #b5b5b5;
}


 // Small screens @media only screen {
} /* Define mobile styles */

@media only screen and (max-width: 40em) {
p {
	text-align: left;
	font-size: 1.1em;
}

body {
font-size:85%;
	}

	.home_header {
	  height:40%;
	  min-height:40%;/*for mozilla*/
	  padding:0px;
}

h2 {
	font-size: 2em;
	padding-bottom: 40px;
}

.home_header img {
	margin-top:10vh;
}

.clients ul {
    margin-top: 0px;
}



} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
 // Medium screens @media only screen and (min-width: 40.063em) {


} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
 // Large screens @media only screen and (min-width: 64.063em) {

} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 68.75em) {
}

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

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
 // XLarge screens @media only screen and (min-width: 90.063em) {
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
 // XXLarge screens @media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */