@font-face {
	font-family: 'DIN 1451 Std';
	src: url('DINEngschriftStd.otf');
}



body{
	margin: 0;
	padding: 0;
	width: 100%;
}

h1 { 
    font-family:"DIN 1451 Std";
	font-weight:normal;
	font-size: 79px;
	text-align: left;
	color: #46131e;
	margin: 0;
	padding: 0;
}

@media only screen and (max-device-width : 667px) { 
h1 {
    font-family:"DIN 1451 Std";
	font-weight:normal;
	font-size: 3.15em;
	text-align: left;
	color: #46131e;
	margin: 0;
	padding: 125% 0 0 0;
}

}

@media only screen and (max-device-width : 667px) { 
h2 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 1.5em;
   text-align: left;
   color: #46131e;
   margin: 0;
   padding: 0;
}

}




h2 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 22px;
   text-align: left;
   color: #46131e;
   margin: 0;
	padding: 0;
}

h3 {
   font-family: Oswald;
   font-weight: normal;
   font-size: 16px;
   text-align: left;
   margin: 5px 0;
	padding: 0;
}


h2.subtitle {

   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: 0;
	padding: 0;
}

h2.subtitle2 {

   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: 0 0 0 30%;
   padding: 0;
}

h2.subtitle3 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: 10% 0 0 0%;
	padding: 0;
}

h2.subtitle4 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: -5% 0 0 0%;
	padding: 0;
}

h2.subtitle5 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: 12% 0 0 42%;
	padding: 0;
}


@media only screen and (max-device-width : 667px) { 

h2.subtitle2 {

   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: -5% 0 5% 53%;
   width: 100%;
   padding: 0;
}

h2.subtitle3 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: -2% 0 5% 0%;
   padding: 0;
}

h2.subtitle4 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: -40% 0 0 0%;
	padding: 0;
}

h2.subtitle5 {
   font-family:"DIN 1451 Std";
   font-weight: normal;
   font-size: 35px;
   text-align: left;
   color: #fff;
   margin: 90% 0 0 25%;
	padding: 0;
}

}

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 80%; }
.content1{ margin: 2% 0 0 10%; width: 40%; font-family:"Calibri"; font-weight: light; color: #46131e; font-size: 19px;}
.content2{ margin: 2% 0 0 30%; width: 55%; font-family:"Calibri"; font-weight: light; color: #fff; font-size: 19px;}
.content3{ margin: 2% 0 0 0%; width: 55%; font-family:"Calibri"; font-weight: light; color: #fff; font-size: 19px;}
.content4{ margin: 2% 0 0 0%; width: 60%; font-family:"Calibri"; font-weight: light; color: #fff; font-size: 19px;}
.content5{ margin: 2% 0 0 42%; width: 60%; font-family:"Calibri"; font-weight: light; color: #fff; font-size: 19px;}

.clear { clear: both; }

@media only screen and (max-device-width : 667px) { 
.content1{ margin: 15% 0 0 10%; width: 80%; font-family:"Open Sans"; font-weight: light; color: #46131e; font-size: 14px;}


.content2{ margin: 2% 0 0 53%; width: 82%; font-family:"Open Sans"; font-weight: light; color: #fff; font-size: 14px;}


.content3{ margin: 2% 0 0 0%; width: 75%; font-family:"Open Sans"; font-weight: light; color: #fff; font-size: 14px;}

.content4{ margin: 2% 0 0 0%; width: 100%; font-family:"Open Sans"; font-weight: light; color: #fff; font-size: 14px;}

.content5{ margin: 2% 0 0 25%; width: 80%; font-family:"Open Sans"; font-weight: light; color: #fff; font-size: 14px;}

}




/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header { 
	width: 100%; 
	background: rgba(89,74,65,0.7);
	height: 80px; 	
	position: fixed;
	margin-top: 30px;
}

@media only screen and (max-device-width : 667px) { 
	#header { 
	width: 100%; 
	background: rgba(89,74,65,0.7);
	height: 8%; 	
	position: fixed;
	margin-top: 10px;
}

}

#nav2 { width: 56%; float: right; margin-top: 20px; }

@media only screen and (max-device-width : 667px) { 
	#nav { display: none; width: 130%; float: left; margin-top: -2%; margin-left: -18%; }

	#nav2 {display: block; width: 100%; float: left; margin-top: -12%; margin-left: 55%;}

	#nav2 ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;	
}


}

#logo a { color: #fff; text-decoration: none; float: left; font-size: 5em; margin-top: 30px; color: #fff; font-family:"DIN 1451 Std"; font-weight: normal; }

@media only screen and (max-device-width : 667px) { 
#logo a { color: #fff; text-decoration: none; float: left; font-size: 24px; margin-left: -8px; margin-top: 12px; color: #fff; font-family:"DIN 1451 Std"; font-weight: normal; }
}
}

#nav2 ul{
	list-style: none;
	display: block;
	margin: 0 auto;
	list-style: none;	
}

#nav2 li{
	margin-top: 9px;	
	float: left;
	padding-left: 2px;
}




@media only screen and (max-device-width : 667px) { 


#nav2 li{
	margin-top: 8px;	
	float: left;
	padding-left: 15px;
}

#nav2 li a { color: #fff; opacity:1.0; font-size: 16px; text-decoration: none; font-family: 'Open Sans'; border: 1px solid #fff; padding: 0 3.5px 0 3.5px;}
#nav2 li a.active { color: #fff; opacity:1; }
#nav2 li a:hover { color: #fff; opacity:1; }



/*= SLIDES STYLING
--------------------------------------------------------*/



#slide1{
	background:url('../img/slide1.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 250px;
	margin: 0;
	padding: 25% 0 260px 0;
	background-size: cover;
	width: 100%;
}

@media only screen and (max-device-width : 667px) { 
#slide1{
	background:url('../img/slide1_alt.jpg') 50% 0 no-repeat fixed;
	color: #edddc2;
	height: 700px;
	margin: 0 0 0% 0;
	padding: 10% 0% 40% 0;
	background-size: cover;
	width: 100%;
	margin-left: 0%;
	background-attachment: scroll;
}
}


#slide2{
	width: 100%;
	background:url('../img/slide2.jpg') 20% 20% no-repeat fixed;
	color: #333333;
	height: 600px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15% 0% 0px 0px;
	background-size: cover;
}

@media only screen and (max-device-width : 667px) { 
#slide2{
	width: 100%;
	background:url('../img/slide2.jpg') 20% 20% no-repeat fixed;
	color: #333333;
	height: 580px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15% 23% 0px 0px;
	margin-left: -23%;
	background-size: cover;
	background-attachment: scroll;
}
}

#slide3{
	background: url(../img/slide3.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 600px;
	padding: 170px 0 0 0;	
	background-size: cover;
}

@media only screen and (max-device-width : 667px) { 
#slide3{
	background: url(../img/slide3.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 360px;
	padding: 170px 0 0 0;	
	background-size: cover;
	background-attachment: scroll;
}
}

#slide4{
	background: url(../img/slide4.jpg) 50% 0 no-repeat fixed;
	color: #333333;
	height: 600px;
	padding: 200px 0;
	background-size: cover;
}

@media only screen and (max-device-width : 667px) { 
#slide4{
	background: url(../img/slide4.jpg) 50% 0 no-repeat fixed;
	color: #333333;
	height: 550px;
	padding: 180px 0 0px 0;
	background-size: cover;
	background-attachment: scroll;
}
}

#slide5{
	background: url(../img/slide5.jpg) 50% 0 no-repeat fixed;
	height: 600px;
	margin: 0 auto;
	padding: 250px 0;
	color: #fff;
	background-size: cover;
}

#slide5 a{
	text-decoration: none;
	border-bottom: 1px dotted #fff;
	color: #fff;
}

@media only screen and (max-device-width : 667px) { 
#slide5{
	background: url(../img/slide5.jpg) 50% 0 no-repeat fixed;
	height: 250px;
	margin: 0 auto;
	padding: 10px 0 350px 0;
	color: #fff;
	background-size: cover;
	background-attachment: scroll;
}
}

ul.event{
	list-style-type: square;
	display: block;
	margin: 2% auto;
}


/*= FOOTER 
--------------------------------------------------------*/
#copyright  { color: #fff; font-family:"Open Sans";  font-size: 12px; margin-top: 90px; text-align: left;  }
#copyright  a { text-decoration: none; color: #fff;  margin-right: 10px;}