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

body{
	margin-top:100px;
	margin-bottom:80px;
	margin-right:200px;
	margin-left:80px;
	background-color:#5A84A5;
}
h1{
	font-size:60px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFFFFF;
}
h2{
	font-size:25px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#1C3749;
}
p{
	font-size:15px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	color:#E0F4FF;
}




/* images */

.left-image{
float:left;	
max-width:100%;
}

.right-image{
float:right;	
max-width:100%;
}
figure{
	display:table;
}
figcaption{
	margin-right:50;
	color:#0A253F;
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	display:table-caption;
	caption-side:bottom;
}

/* nav */

.nav-container{
	width:100%;
	background-color:#000000;
	position:fixed;
	left:0;
	top:0;
}
.nav-container ul{
	
	padding:10px;
	list-style-type:none;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:20px;
	color:#FFFFFF;

}
.nav-container li{
	float:left;
}
.nav-container a{
	display:block;
	box-sizing:border-box;
	width:130px;
	background-color:#000000;
	color:#FFFFFF;
	padding:4px 0 4px 0;
	text-decoration:none;
	text-align:center;
}
.nav-container a:hover{
	background-color:#5A84A5;
	color:#000000;
}