@charset "utf-8";

/* ==========================================================================
	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 definitions
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
	
audio,
canvas,
progress,
video {
  display: inline-block; 
  vertical-align: baseline; 
}

audio:not([controls]) { 
	display: none; 
	height: 0; 
}

[hidden],
template {
  display: none;
}


/* ==========================================================================
	BASE
   ========================================================================== */
	html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}
	
	body {
		line-height: 1;
		-webkit-text-size-adjust: none;
		background: #414141;
	}
	
	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* ==========================================================================
	LISTS
   ========================================================================== */
	ol, ul {
		list-style: none;
	}

/* ==========================================================================
	LINKS
   ========================================================================== */
/*
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/

a:focus {
    outline: thin dotted;
    text-decoration: none;
}

/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
a:active, a:hover {
    outline: 0;
    text-decoration: none;
}
	
/* ==========================================================================
	HEADER
   ========================================================================== */
   
header  {
	max-width: 1242px;
	margin: 5% auto 10px;
}

#banner {
	
    background: url('../img/ads-banner.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 5%;
    height: auto;
    position: relative;
}

#logo {
	width: 27%;
	height: auto;
	margin-left: 8px;
}


header img {
	/*display: block;
    margin: 0 auto 10px; */
}

/* ==========================================================================
	MAIN SECTION
   ========================================================================== */
section {
	max-width: 1241px;
	min-height: 500px;
	background: #FFF;
	margin: 0 auto;
	padding: 60px;
	text-align: center;
	font: 13px/1.4 Helvetica, Verdana, Arial, sans-serif;
}

section h1 {
	font: 700 26px/1.4 Helvetica, Verdana, Arial, sans-serif;
	margin-top: 60px;
}

section h2 {
	font: 500 22px/1.4 Helvetica, Verdana, Arial, sans-serif;
	margin-top: 60px;
}

nav {
    width: 100%;
    margin: 50px auto;  
	text-align: center;
	position: relative;
}

nav ul {
	padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

nav ul li {
	padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

nav a {
	display: block;
    font-size: 1.45em;
    line-height: 2.5;
    padding: 0 1.25em;
    white-space: nowrap;
}


nav li img {
	top: 20px;
	margin-right: 10px;
	position: relative;
} 

@media (max-width: 1024px) {
  header  {
	margin: 0 auto 10px;;
	}
}
	
@media (max-width: 768px) {
  nav ul li {
	display: block;
	margin: 0 0 20px;
	}
}