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


@charset "UTF-8";
@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; margin:3%;}
#contentc {display: block; height: auto; width: 100%; overflow: auto; text-align: center; margin-bottom:5%;}
img{width:50%; height:auto;}
footer {height:17%; background: black}

.current{
	text-decoration: underline;
}

/* Exercise 2 Dropdown */
	.exercise2-button {
		font-size: 14px; 
		font-family: 'Oswald', sans-serif; 
		color:black; 
		font-weight:400; 
		text-transform: uppercase; border: none;
		background-color: #fff;
	}
	.exercise2-dropdown {
		position:relative;
		display: inline-block;
	}
	.exercise2-content {
		display: none;
		position: absolute;
		background-color: #fff;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.exercise2-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}
	.exercise2-content a:hover {background-color: #ddd; text-align: center;}
	.exercise2-dropdown:hover .exercise2-content {display: block;}
	.exercise2-dropdown:link .exercise2-button {text-decoration: none; color:black;}	
	.exercise2-dropdown:hover .exercise2-button {text-decoration: underline; color:orange;}	
	.exercise2-dropdown:active .exercise2-button {text-decoration: underline; color:gray;}	
	.exercise2-dropdown:visited .exercise2-button {text-decoration: underline; color:black;}

	/* Exercise 3 Dropdown */
	.exercise3-button {
		font-size: 14px; 
		font-family: 'Oswald', sans-serif; 
		color:black; 
		font-weight:400; 
		text-transform: uppercase; border: none;
		background-color: #fff;
	}
	.exercise3-dropdown {
		position:relative;
		display: inline-block;
	}
	.exercise3-content {
		display: none;
		position: absolute;
		background-color: #fff;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.exercise3-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}
	.exercise3-content a:hover {background-color: #ddd; text-align: center;}
	.exercise3-dropdown:hover .exercise3-content {display: block;}
	.exercise3-dropdown:link .exercise3-button {text-decoration: none; color:black;}	
	.exercise3-dropdown:hover .exercise3-button {text-decoration: underline; color:orange;}	
	.exercise3-dropdown:active .exercise3-button {text-decoration: underline; color:gray;}	
	.exercise3-dropdown:visited .exercise3-button {text-decoration: underline; color:black;}

		/* Projects Dropdown */
	.projects-button {
		font-size: 14px; 
		font-family: 'Oswald', sans-serif; 
		color:black; 
		font-weight:400; 
		text-transform: uppercase; border: none;
		background-color: #fff;
	}
	.projects-dropdown {
		position:relative;
		display: inline-block;
	}
	.projects-content {
		display: none;
		position: absolute;
		background-color: #fff;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}
	.projects-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
		text-align: left;
	}
	.projects-content a:hover {background-color: #ddd; text-align: center;}
	.projects-dropdown:hover .projects-content {display: block;}
	.projects-dropdown:link .projects-button {text-decoration: none; color:black;}	
	.projects-dropdown:hover .projects-button {text-decoration: underline; color:orange;}	
	.projects-dropdown:active .projects-button {text-decoration: underline; color:gray;}	
	.projects-dropdown:visited .projects-button {text-decoration: underline; color:black;}