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

/* 1= 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remember to define focus styles! */


:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */


ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */


table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: 500;
}


/*= GRID MOBILE
------------------------*/
#wp_header {  padding:0 166px;   }
#logo { padding:20px 0;  }
header { height:97px; }
nav li a { line-height:97px; }
section { width:640px; }

/*= STRUCTURE
-----------------------------*/
html, body { min-height:100%; }


/*= BACKGROUND - YOU CAN MODIFY background-image BY your custom background
---------------------*/

body {  background-image:url(images/bg2.jpg); 
		background-repeat:no-repeat; background-position:center center; background-size:cover; }


/*=HEADER 
-----------------------*/
header { width:100%;   background:#edeced; box-shadow:0 7px 13px rgba(1,1,1,0.34); }
#logo {display:block; float:left; width:25%; } 
#logo img { max-width:100%; height:auto; }

nav{ width:75%; float:right;  }
nav li { list-style:none; float:right; margin-left:55px;}
nav li:last { margin-left:0; }
nav li a { text-decoration:none; font-family:"PT Sans", arial; font-size:0.88em; letter-spacing:0.05em; text-transform:uppercase; color:#000000; font-weight:700; }
nav li a:hover { color:#000000; }

/*=CONTENT 
-----------------------*/
section { margin:0 auto; }
h1{ font-family:"PT Sans", arial; font-size:1.5em; line-height:2em; letter-spacing:0.05em; color:#000000; text-align:center; font-weight:700; margin:50px 0;}
#video { margin-bottom:45px;}
section p { text-align:left; font-family:"PT Sans", arial; font-size:0.75em; line-height:2em; letter-spacing:0.05em; color:#000000; width:150%; margin:0 auto 0 -25%;}
p.thicker {font-weight:900;}

@media all and (max-width: 979px) and (min-width: 768px) {
	#wp_header { padding:0 50px; }
}
@media all and (max-width: 767px) and (min-width: 600px) {
	#wp_header { padding:0 10px; }
	nav li a { font-size:0.8em; }
	nav li { margin-left:40px; }
	section { width:600px; }

	#video iframe { width:600px !important; height:350px !important; }
}
@media all and (max-width: 599px) {
	#wp_header { padding:0 5px; }
	nav li a { font-size:0.7em; }
	nav li { margin-left:30px; }
	section { width:480px; }

	#video iframe { width:480px !important; height:300px !important; }
}