@charset "UTF-8";

/* Layout Large Screens (default for older browsers) */

body.home {
background: linear-gradient(to bottom, rgba(45, 58, 87, .85) 0, rgba(28, 36, 53, .85) 100%), url(../images/aviation-miami.jpg) no-repeat center center;
background-size: cover;
}

body.about {
background: linear-gradient(to bottom, rgba(45, 58, 87, .85) 0, rgba(28, 36, 53, .85) 100%), url(../images/boeing.jpg) no-repeat center center;
background-size: cover;
}

body.work {
background: linear-gradient(to bottom, rgba(45, 58, 87, .85) 0, rgba(28, 36, 53, .85) 100%), url(../images/employment.jpg) no-repeat center center;
background-size: cover;
}

body.why {
background: linear-gradient(to bottom, rgba(45, 58, 87, .85) 0, rgba(28, 36, 53, .85) 100%), url(../images/why.jpg) no-repeat center center;
background-size: cover;
}

body.contact {
background: linear-gradient(to bottom, rgba(45, 58, 87, .85) 0, rgba(28, 36, 53, .85) 100%), url(../images/plane-blurred-background.jpg) no-repeat center center;
background-size: cover;
}

header {
	width: 100%;
}

div.headerinner {
	margin: 0;
	padding: 20px 20px 0;
}

h1.nonhome {
	font-size: 2.1em;
	margin: 30px 0 0.3em 20px;
	line-height: 1.2em;
	padding: 0;
	letter-spacing: 0.2px;
}

h2 {
	font-size: 1.6em;
	margin: 10px 0 0.3em 0; 
	line-height: 1.2em;
	font-weight: 300px;
	letter-spacing: 0.2px;
}

div.burger {display:none;}

.overlay {display: none;}

div.banner {
	padding: 0 20px 0 20px;
	margin:0;
}

h1.home {
	color: #fff;
	max-width: 990px;
	width: 100%;
	display: inline-block;
	margin: 30px 0 0 0;
	font-size: 60px;
	line-height: 1.3;
	padding: 0 0 20px 0;
	letter-spacing: 0.2px;
	font-weight: 300;
}

div.leftlogo {
	width: 15%;
	float: left;
	height: 46px;
	text-align: left;
	margin:0;
	padding:0;
}

div.rightlogo {
	width: 15%;
	float: left;
	height: 46px;
	text-align: right;
	margin:0;
	padding:0;
}

div.leftlogo img, div.rightlogo img { width: 100%; height: auto; border:0;}

nav {
	width: 68%;
	display: block;
	padding: 8px 0 0 0; 
	height: 38px;  
	color: #fff;
	float:left;
	margin:0;
}

nav div { margin: 0; padding:0; text-align: center;}
nav div.nav1 {width: 16%; }
nav div.nav2 {width: 20%;}
nav div.nav3 {width: 20%;}
nav div.nav4 {width: 18%;}
nav div.nav5 {width: 22%;}
nav div.nav6 {padding-right: 1%; width: 12%; text-align: right;}
nav div.nav7 {display: none;}

nav div a { color: #fff; text-decoration: none; font-size: 18px; letter-spacing: 0.6px;}
nav div a:hover { color: #fff; text-decoration: underline;}

div.leftcol {
	padding: 0 7% 0 0;
	width: 63%;
	margin: 0;
	height: 100%;
	float: left;
}

div.rightcol {
	padding: 0;
	width: 30%;
	margin: 0;
	height: 100%;
	float: right;
}

div.leftcol2 {
	padding: 0 7% 0 0;
	width: 63%;
	margin: 0;
	height: 100%;
	float: right;
}

div.rightcol2 {
	padding: 0;
	width: 30%;
	margin: 0;
	height: 100%;
	float: left;
}

div.leftcol3 {
	padding: 0 0 0 0;
	width: 63%;
	margin: 0;
	height: 100%;
	float: none;
}

div.main {
	margin: 0 auto;
	position: relative;
	padding: 0 0 0 20px;
}

ul {margin: 5px 0 0 0; padding: 0 0 10px 16px; float: none; width: 100%;}
li {margin: 0; padding: 0 20px 12px 10px;}

div.noncheckatrade {text-align: center; margin: 0;}

div.checkatrade {text-align: right; margin: 0;}

div.checkatrade img {
	width: 90%;
	height: auto;
	border:0;
}

div.noncheckatrade img {
	width: 80%;
	height: auto;
	border:0;
}

div.checkatrade2 {text-align: left; margin: 0;}

div.checkatrade2 img {
	width: 90%;
	height: auto;
	border:0;
	margin-left: -20px;
}

div.logoleft img {height: 45px; width: auto; border: 0;}

div.logoleft {float: left; text-align: center; width: 25%}

div.q {background:url(../images/q.png) no-repeat left top; max-width: 70%; font-family: georgia; padding-left: 20px;}
div.q div {text-align: right; font-style: italic; color: #eef;}


/* ***********  media ****************** */

@media screen and (max-width:970px) {
    nav div a { color: #fff; text-decoration: none; font-size: 16px; letter-spacing: 0.6px;}
}