@charset "utf-8";
/* (min-width: 800px) and (max-width:3840px) */


header { 
	position:static; 
	background: url(../images/banner-logo-large.jpg) no-repeat left 0px; 
/*  The actual dimensions of the background image	*/
	background-size: 1080px 110px;
	width: auto;
/* Distance from top */
	height: 110px;
	
}

header a.logo {  
/*	display: block;
	position: relative;
	background-position: 0px 0px;
*/	

/*  image & dimensions	
	background-image: url(../images/logo-large.png) ; 
	background-repeat: no-repeat;
	background-size: 315px 90px;
/*nudge your logo (background) here 
	top: 0px;
	right: 0px;
/*  pallette size for logo 	
	width: 315px;
	height: 100px; */

}

/* All Good! */	
nav { 
	position: absolute;
	top: 87px; 
	display: block;
	width: 100%;
	background-color: #ffffff;
}
/* Margins */
nav a { 
	margin: 0px 0px 0px 15px;

}
header nav a { font-color: #ff0000; 
}


article { 
	max-width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px
}

/*@media screen and (min-width: 1360px) {

article { 
	margin: 0px auto 0px auto;
	padding: 0px

}
}

@media screen and (min-width: 1601px) {

article { 
	max-width: 600px;
	margin: 30px auto 30px auto;
	padding: 30px

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

.promo-container { padding: 0px 0px 0px 0px; }
.promo-container .promo { 
	width: 50%;
	float: left; 
	background-position: 0px 3px;
	border-top: 0px solid #a67c00; 

.promo-container .promo .content { padding: 0px 0px 0px 0px; }	

/*tagline padding top and font-size are different for each screen size. */
.tagline { font-size: 50.0em; font-style: italic; font-weight: bold; }	

/* @1:11:49 Youtube - Chris Converse - Creating a Responsive Web Design, Lynda.com */
/* This footer rule will give footer 20px left padding within a maximum width of 990px.
Collapse window and watch left footer keep 20px padding space 
*/

/* Replacing the LARGE logo and banner graphics with CSS media queries	1:42 */
/*@media screen and (max-width:990px) {
	footer { padding-left: 20px; }
}

*/

footer {
	max-width: 1920px;
	margin: 0px auto 0px auto;
	
}

@media
	Only screen and (-webkit-min-device-pixel-ratio: 2),
	Only screen and (min--moz-device-pixel-ratio: 2),
	Only screen and (-o-min-device-pixel-ratio: 2/1),
	Only screen and (min-device-pixel-ratio: 2),
	Only screen and (min-resolution: 192dpi),
	Only screen and (min-resolution: 2dppx)