body{margin: 0;}

@media screen and (min-width: 50px) {
#wrapper	{position: relative; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: auto; border: 3px solid #3D648C; border-radius: 0px; border-left: 0; border-right: 0;}
#top		{width: 100%; background: #3D648C; font-family: 'Heebo', sans-serif; color: white; font-size: 80%;}
.top		{padding: 2px;}
#nav		{display: none;}
#nav li		{display: none;}
#nav_mobile	{display: block; list-style-type: none; font-family: 'Heebo', sans-serif;}
#nav_mobile li	{display: block; padding: 5px; text-align: center; background: #95B3D0; border-top: 1px solid #AEC5DB}
#nav_mobile li a	{text-decoration: none; color: white;}
#logo		{width: 100%;}
#line		{clear: both; width: 100%; height: 15px; background: #3D648C; font-family: 'Heebo', sans-serif; color: white; font-size: 120%;}
#footer		{background: #D6E1ED; border-radius: 0px; text-align: right; padding: 3px 10px;}
}

@media screen and (min-width: 670px) {
#wrapper	{position: relative; top: 5%; right: 0; bottom: 0; left: 0; margin: auto; width: 90%; height: auto; border: 3px solid #3D648C; border-radius: 10px;}
#top		{width: 100%; background: #3D648C; font-family: 'Heebo', sans-serif; color: white; font-size: 100%;}
.top		{padding: 2px 10px 2px 10px}
#nav		{display: block; list-style-type: none; font-family: 'Heebo', sans-serif;}
#nav li		{display: block; float: left; padding: 35px 20px 20px 20px;}
#nav li a		{display: block; text-decoration: none; color: #3D648C;}
#nav li a:hover {border-bottom: 3px solid #D6E1ED;}
#nav_mobile	{display: none;}
#nav_mobile li	{display: none;}
#logo		{width: 150px; float: right;}
#line		{clear: both; width: 100%; height: 15px; background: #3D648C; font-family: 'Heebo', sans-serif; color: white; font-size: 120%;}
#footer		{background: #D6E1ED; border-radius: 0 0 7px 7px; text-align: right; padding: 3px 10px;}
}

@media screen and (min-width: 1000px) {
#wrapper	{position: relative; top: 10%; right: 0; bottom: 0; left: 0; margin: auto; width: 1000px; height: auto; border: 3px solid #3D648C; border-radius: 10px; margin-bottom: 100px;}
#top		{width: 100%; background: #3D648C; font-family: 'Heebo', sans-serif; color: white; font-size: 120%; text-align: center;}
.top		{padding: 2px 20px 2px 20px}
#nav		{display: block; list-style-type: none; font-family: 'Heebo', sans-serif;}
#nav li		{display: block; float: left; padding: 60px 60px 40px 60px;}
#nav li a		{display: block; text-decoration: none; color: #3D648C;}
#nav li a:hover {border-bottom: 3px solid #D6E1ED;}
#nav_mobile	{display: none;}
#nav_mobile li	{display: none;}
#logo		{width: 250px; float: right;}
#line		{clear: both; width: 100%; height: 15px; background: #3D648C; font-family: 'Heebo', sans-serif; color: white; font-size: 120%;}
#footer		{background: #D6E1ED; border-radius: 0 0 7px 7px; text-align: right; padding: 3px 10px;}
}