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


}



/* 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;text-align: center;}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}


/* Clearfix */
.cf:before,
.cf:after { content:"";display:table; }
.cf:after { clear:both; }
.cf { zoom:1;}

/* Base Style */
html,body {
	

    color:#000;
text-align: center;
}







h1,h2,h3{
	
	text-align: center;

text-transform: uppercase;
cursor:default;
opacity:0.9;
	-webkit-backface-visibility: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
	
h2 {
	font-size:16px; font-family: 'Trade';
Text-Shadow: 0 0 1px rgba(0, 0, 0,0.1);
}	


h4,h5,h6{font-size:16px; font-family: 'Trade';


}

h5{ font-size:30px;
font-family: 'Old Standard TT', serif;
opacity:0.95;
color:#64A5AA;
 margin:1em 0 0;


}

h6{ font-size:30px;
opacity:0.95;
color:#64A5AA;
 margin:1em 0 0;
font-family: 'Old Standard TT', serif;
}

h4{ font-size:80px;
opacity:1;
 margin:1em 0 0;
font-family: 'Old Standard TT', serif;
font-style:italic;

}


h7{ font-size:20px; margin:1em 0 0;  line-height:30px; 
 }

p{font-family: 'PT Sans';font-size:15px;font-weight:100; text-align:center;opacity:0.9;}

strong{ font-weight:bold;}

hr{background: #333;border: 0;height: 2px;margin: 42px auto 8px;width: 60px;}

#line{background: #333;border: 0;height: 1px;margin: 90px auto 70px;width: 65%; opacity:.4;}
#line2{background: #fff;border: 0;height: 1px;margin: 15px auto 15px;width: 700px; opacity:1;}
#line3{background: #fff;border: 0;height: 1px;margin: 15px auto -20px;width: 700px; opacity:1;}
a{color:#1074ce;text-decoration:none;}
a:hover{color:#0a487f;}

article{

    padding:220px 0;
    width:45%;
    margin:0 auto;
}



 header p{
   font-size: 16px;
   font-style:italic;
   
  
}

article strong{
	 font-weight:bold;
		 color:#960;;

}
article span{
	 font-weight:bold;
		 color:#960;;

}	
    article h4:first-child{ margin:0; }
    article p{ opacity:0.8;
	text-align:justify;
	 padding:0px 30px;
	 padding-top:00px;
	 line-height:25px; }

.button{
    display:inline-block;
    line-height:1;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    border-radius: 3px;
    padding: 6px 8px;
    background:#C93;
    color:#FFF;
    margin: 0;
}
    .button:hover{
        color:#FFF;
        background-color:#444;
    }
    .button+.button{margin-left:1em;}

.align-center{text-align: center;}


/* Sliding panels */
.curtains>li {
    background:#FFF;
   
}
    .curtains>li:last-child{box-shadow:none}

/* MENU */
#menu{
    position:fixed;
    top:20px;
    left:20px;
    z-index:20;
    padding:10px;
    background-color:#000;
}
    #menu li{margin:0}
    #menu a{
        margin:0;
        color:#FFF;
    }



/* Section 1 */

#section-1{

  background:url(img/eiffel-1.jpg) 50% 0 no-repeat;
    background-size:cover;

  margin: 0;

     


}

 
  


  

/* Section 2 */
#section-2{
	text-align: center;
}

#section-2 h2{
 font-family: "Trade";
}

/* Section 3 */
#section-3{

} 


	#section-4{
	
  background:url(img/eiffel-1.jpg) 50% 0 no-repeat;
    background-size:cover;	

	

} 

#yo {
 position:absolute;




font-family: 'Old Standard TT', serif;

 font-weight:400;
 font-size:70px;


  
  color:#FFF;
width:80%;

    margin-right: 10%;
  margin-left:10%;

height: 40%;
margin-top: 20%;
  	



}
#yo span {
	line-height:36px;
	 font-size:25px;
text-transform:uppercase;
}
#yo h1{

	 font-size:50px;
text-transform:uppercase;
}
#yo p {
width: 700px;
	    margin:auto;
  text-align:justify;

 font-family: 'Lato', sans-serif;
 font-weight:400; 
font-size:12px;
line-height:16px;

 margin-top:-12px;

}
#yo p2 {
width: 700px;
	
  text-align:center;
 font-weight:400; 
font-size:17px;
line-height:100px;
font-family: 'Old Standard TT', serif;
 margin-top:30px;

}
*------------------------  BASE-;REM SIZING  */


@media (min-width: 1520px) {
	html {

	}
}



#header2 {	
	width: 100%;
	position:fixed;
	
		font-size: 0.3rem;
	z-index: 9998;
	background:#FFF;
 font-family: 'Trade';
	opacity:0.8;
	

}

#header2:hover {
	opacity: 1;
}

#header2 h1 {

padding: 10px;
	padding: 1rem;

	font-size:10px;
		
 font-family: 'Trade';
	color:#000;
	font-weight: normal;
}

#nav {
	position: absolute;
	top: 0;
	right: 20px;
	right: 2rem;
	z-index: 9999;
}

.nav-button {
	float: left;
	padding: 10px;
	padding: 1rem;
	text-decoration: none;
	color: #888;
	font-size: 15px;
	
	font-size:2.5rem;
	font-style: normal;
}

.current, a.nav-button:hover {
	color: #333;
}