/*
	 ______    _                     _          _____      _               _   _               _____          
	|  ____|  | |                   | |        / ____|    | |             | | (_)             |  __ \         
	| |__   __| |_   _  __ _ _ __ __| | ___   | (___   ___| |__   __ _ ___| |_ _  __ _ _ __   | |__) |_ _ ____
	|  __| / _` | | | |/ _` | '__/ _` |/ _ \   \___ \ / _ \ '_ \ / _` / __| __| |/ _` | '_ \  |  ___/ _` |_  /
	| |___| (_| | |_| | (_| | | | (_| | (_) |  ____) |  __/ |_) | (_| \__ \ |_| | (_| | | | | | |  | (_| |/ / 
	|______\__,_|\__,_|\__,_|_|  \__,_|\___/  |_____/ \___|_.__/ \__,_|___/\__|_|\__,_|_| |_| |_|   \__,_/___|
	
*/

@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed|Oswald:400,400');
body {font-family: 'Oswald', sans-serif; color:black; font-weight:400;}


#wrapper {width: 80%; background-color:orange; margin:0 auto;}
header {height:17%; background: #fff;}
	header nav a { font-size: 14px; font-family: 'Oswald', sans-serif; color:#213159; font-weight:400; text-transform: uppercase; }
	nav{width: 100%; float: left; padding-top: 35px; text-align: right;}
		ul {list-style-type:none; padding-left:0;}
		header nav ul li {display:inline-block;}
		li a {background-color:white; display:block; text-align:center;padding:15px;}
			a:link {text-decoration: none; color:black;}
			a:visited {text-decoration: underline; color:black;}
			a:hover {text-decoration: underline; color:gray;}
			header nav li a:hover {text-decoration: underline; color:orange;}
			a:active {text-decoration: underline; color:gray;}
#content {display: block; height: auto; width: 100%; overflow: auto; text-align: center; margin-bottom:5%;}
img{width:100%; height:auto;}
footer {height:17%; background: black}

.current{
	text-decoration: underline;
}

h1 {
	font-size: 7vw;
}

p{
	font-size: 2.5vw;
}

.pad{
	padding-top: 20%;
	padding-bottom: 15%;
}