@charset "UTF-8";
/* CSS Document */

.nav{
	position:fixed;
	z-index:9996;
	top:0;
	max-height:60px;
	padding:0.4rem 1rem;
	background-color:#641234;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";
	font-weight: 800;
	font-size: 0.9rem;
	width:100%;
}


.nav a{
	vertical-align:middle;
	font-size:0.7rem;
	letter-spacing: 0.5px;
	color:f9c100;
	margin: 0.5rem;
}


.nav a:hover{
	vertical-align:middle;
	font-size:0.7rem;
	letter-spacing: 0.5px;
	color:#FFFFFF;
	margin: 0.5rem;
}


.navr a{
	font-size:0.7rem;
	vertical-align:middle;
	line-height: 2.5rem;
	text-transform: uppercase;
	letter-spacing:0.5px;
	color:#ffffff;
	transition: opacity 0.5s;
}


.navr a:hover{
	opacity: 0.5;
	font-size:0.7rem;
	vertical-align:middle;
	line-height: 2.5rem;
	text-transform:  uppercase;
	letter-spacing: 0.5px;
	color:#ffffff;
}


.title{
	margin-top: 0.3rem;
}




/* ++++++++++++++++   MOBILE NAVIGATION   +++++++++++++++++++++*/


.reveal{
	
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";
	background-color:#641234;
	z-index: 9999;
	padding-top: 4rem;
	
}


.reveal a{
	color:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";
	font-size:1.8rem;
	text-transform: uppercase;
	padding: 0rem 1rem;	
}


.reveal .close-button{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";	
	font-size: 1.8rem;
	color: #FFFFFF;
	top:2rem;
	right:2rem;
}


.reveal a:hover{
	color:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";
	font-size:1.8rem;
	text-transform: uppercase;
	padding: 0rem 1rem;
	opacity: 0.5;
}
	
.menu li{
	margin-top: 0.3rem;
		
	}




/* ++++++++++++++++   FOOTER   +++++++++++++++++++++*/

.foot{
	position:fixed;
	z-index:9999;
	bottom:0;
	padding:0.4rem 2rem 2rem 2rem;
	font-family:"proxima-nova",sans-serif;
	font-style:normal;
	min-height:38px;
	box-shadow:none;
	width:100%;
	color:#000000;
	background-color:#FAC200;
	max-height: 40px;
	
}

.foot .uline a{
	font-size:0.6rem;
	color:#ffffff;
	font-family:"proxima-nova",sans-serif;
	font-style:normal;
	font-weight:600;
	text-transform: uppercase;
	margin: 0px 1rem 0px 1rem;
	transition: opacity 0.5s;
}


.foot .uline a:hover{
 	opacity: 0.5;	
}


@media screen and (max-width: 70em) {
	
	
	
}


	


@media screen and (max-width: 40em) {
	
.nav{
	min-height:50px;
	}

	
/* ++++++++++++++++   MOBILE NAVIGATION   +++++++++++++++++++++*/


.reveal{
	position: fixed;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";
	background-color:#641234;
	z-index: 9999;
	padding-top: 4rem;
	
}


.reveal a{
	color:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";
	font-size:1.8rem;
	text-transform: uppercase;
	padding: 0rem 1rem;	
}


.reveal .close-button{
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";	
	font-size: 1.8rem;
	color: #FFFFFF;
	top:2rem;
	right:2rem;
}


.reveal a:hover{
	color:#ffffff;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, Futura PT, "sans-serif";
	font-size:1.8rem;
	text-transform: uppercase;
	padding: 0rem 1rem;
	opacity: 0.5;
}
	
.menu li{
	margin-top: 0.3rem;
		
	}

	

	
}