@charset "UTF-8";




/* ----------------- RESET ALL STYLES ----------------- */
*
{
margin:0; 
padding:0; 
border:0;
}

body{ background: #990000 url(../images/hg1.jpg) fixed; 
font: 17px 'Ubuntu', sans-serif; color:#FFFFFF; text-align: justify;-webkit-font-smoothing: antialiased;
}


header{ 
margin:auto; 
width:100%; 
height:auto; background:#990000;
 }

.wrapper {
margin:auto;
	width:60%;
	height:auto;
}

#top{
	height:auto;
}


#logo{
	margin-top:2%;
	text-decoration:none;
}


#logoimage{
	width:180px;
	padding-right:0px;
	float:left;
}


nav {display: block;width: 100%;margin: 20px auto;text-align: right;}
nav ul { list-style: none;}
nav li {display: inline-block;}
nav a {display: inline-block; background: transparent; color: #FFFFFF; padding: 5px 15px;
border: 1px solid white;text-decoration: none;font-family : Ubuntu, sans-serif;text-transform:none;font-size: 14px; font-weight:normal;}
nav a:hover {border: 1px solid grew; background:transparent; color:#FFDE96;
font-family : Ubuntu, sans-serif;text-transform:none;font-size: 14px; font-weight:normal;}
nav a:active {background: #C60B1E; color:#fff;}
nav select { display: none;}
a:hover {text-decoration : none; color : #FFDE96; font-weight : lighter;}
a {text-decoration : none; color : #FFFFFF; font-weight : lighter; text-decoration:underline;}
.clearfix {
float: none;
	clear: both;
}


.effect1{color: #FFFFFF;text-shadow: -3px 5px 5px rgba(0,0,0, 0.1);letter-spacing: 0.3em; }
.effect2{color: #FFFFFF;text-shadow: -3px 5px 5px rgba(0,0,0, 0.5);letter-spacing: 0.3em; }
h1 {font-size:44px; color:#FFFFFF;  text-align: center; font-family: 'Roboto Condensed', sans-serif;
text-transform: uppercase; font-weight: 400;   text-shadow: 1px 1px 1px rgba(255,255,255,0.8);padding: 0px 0px 5px 0px;}
h2 {font-size:26px;color:#FFDE96; text-align: center; font-family: 'Ubuntu', sans-serif;  font-weight: lighter;margin-bottom:1%;
}
h3 { font-family: 'Ubuntu', sans-serif;
font-size:20px;
font-weight:normal;
text-align:center;
color:#FFFFFF;
margin-bottom:2%;

}

h5{font-size:19px;color:#777777; text-align: center; font-family: 'Roboto Condensed', sans-serif; font-weight: lighter;margin-bottom:2%;
}
h6{font-size:14px;color:#FFFFFF; text-align: left; ffont-family: 'Roboto Condensed', sans-serif; font-weight: lighter;margin-bottom:2%;
}
.left{ 
margin-top:4%;
width:48%;
float:left;
margin-bottom:2%;
}

.left h2{ font-family:  font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; 
font-size:160%;
font-weight:bold;
text-align:left;
color:#FFDE96;
margin-bottom:5%;}

.left p{ font-family: 'Roboto Condensed', sans-serif;
font-size:100%;
line-height:140%;
}

.right{
 margin-top:4%;
width:48%;
float:right;
margin-bottom:2%;
}


.right h2{ font-family: 'Roboto Condensed', sans-serif;text-transform: uppercase;
font-size:160%;
font-weight:bold;
text-align:left;
color:#FFDE96;
margin-bottom:5%;

}


.right p{
	font-family: 'Roboto Condensed', sans-serif;
font-size:100%;
	line-height:140%;
}


hr{
height:1px;
width:100%;
	background-color:#2d2d2d;
	margin:1% 0;
}




footer{
	width:100%;
	padding:10px 0;
	background-color:#82050D;
}



footer a {text-decoration : underline; color : #FFDE96; font-weight : normal;}
footer p {margin-top: -15px;color: #FFFFFF;}

/* ---------------------- RESPONSIVE----------------------  */

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

.wrapper{
width:90%;
	}

}

@media only screen and (max-width: 860px) {
	
header h1{
		font-size:110%;
}
	
	
header h2{
		font-size:110%;
}
}
@media only screen and (max-width: 720px) {
	
	
#logo{
width:150px;
display:block;
margin:auto;
	margin-bottom:5%;
}
	
	
header h1{
font-size:100%;
	margin-bottom:5%;
}
	
	
header h2{
font-size:110%;
	}
	
	
.left{
width:100%;
	}
	
	
.right{
width:100%;
}
}


@media (max-width: 960px) {
nav ul     { display: block; text-align:center;}
nav select { display: inline-block; }}