@font-face {
    font-family: 'echelonregular';
    src: url('fonts/echelon-webfont.eot');
    src: url('fonts/echelon-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/echelon-webfont.woff') format('woff'),
         url('fonts/echelon-webfont.ttf') format('truetype'),
         url('fonts/echelon-webfont.svg#echelonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
	font-family: 'echelonregular';
}
/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		color: #fff;
		margin:0;
		padding:0;
	}
	h2{
		font-size:3em;
	}
	h3{
		font-size:2em;
	}
	h4{
		font-size:1.5em;
	}
	h1,h2,h3,h4,h5{
		color:#ae7122;
		display:inline-block;
	}
	.W30{
		width:33%;
		display:inline-block;
		text-align:center;
	}
	.Contact{
		font-size:1em;
		letter-spacing:1px;
		padding:20px;
		width:auto;
		margin:0 auto 20px auto;
		background-image: url('../images/BGInfos.png');
	background-repeat:no-repeat;
	background-position:top center;
	background-size:auto;
	}
	.Inline{
		display:inline-block;
		width:50%;
		vertical-align:text-top;
	}
	#fp-nav ul li a span, .fp-slidesNav ul li a span{
		background: #ae7122;
	}
	
	li.active{
		border-bottom:1px solid #ae7122;
	}
	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
	}
	.demo-gallery > ul{
		background-color:#000;
	}
	/* Fixed header and footer.
	* --------------------------------------- */
	#header, #footer{
		position:fixed;
		height: 50px;
		display:block;
		width: 100%;
		background: #521700;
		z-index:9;
		text-align:center;
		color: #ae7122;
		padding: 5px 0 0 0;
	}

	#header{
		top:0px;
	}
	
	#header a{
		color:#AE7122;
		font-size:1.5em;
    letter-spacing: 2px;
	}
	#footer a{
		color:#ae7122;
	}
	
	
	#footer{
		bottom:0px;
		letter-spacing: 2px;
	}


	/* Bottom menu
	* --------------------------------------- */
	#infoMenu {
		bottom: 80px;
	}
	#infoMenu li a {
		color: #fff;
		z-index: 999;
	}


@media only screen and (max-device-width:750px){
	.Inline{
		display:inline-block;
		width:100%;
		vertical-align:text-top;
		font-size:2em;
		margin-bottom:20px;
	}
	#header a{
		font-size:3em;
	}
	.demo-gallery > ul > li {
		width:33%!important;
	}
	#section0{
	font-size:2em;
	}
	.section{
		background-position:center!important;
	}
	.Contact{
		background-size:100% 100%;
	}
	.W30{
		width:45%;
	}
	.section .W30 img{
		width:50%;
	}
	iframe{
		width:80%;
	}
	.Footer{
		font-size:2em;
	}
}