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

header h1 {font-size:450%;}
header h2 {font-size:250%;}

#content {width: 100%; margin: 10px 20px 50px;}

#footer {width: auto; margin:0 20px;}

 .c3 {width: 94%;} /*nav*/

  nav {margin: 0 0; padding: 0 0 0 6%; text-align:left;}
  nav ul { padding:0 0 0 5px;}
  nav:hover ul {margin-top:0;}
  nav ul li {display:none; margin: 0; top:0;}  
  nav:hover li {display:block; list-style: outside none none;}
  nav ul ul {margin-left:225px;}
  nav ul ul li { }
  nav a, nav a:link, nav a:visited {padding:12px 20px;} 


.submenu {font-size:85%;}
/*.submenu a, .submenu a:link, .submenu a:visited {background-color: #4c8675; padding:12px 20px;}
.submenu a:hover {color:#00573d; background-color: #4c8675;}	*/

.menu {display:inline-block;}
.what {margin: 0 0 0 160px; width: 190px; top:127px;}
.location {margin: 0 0 0 160px; width: auto; top:169px;}
.about {margin: 0 0 0 160px; width: 95px; top:211px;}


@media (max-width: 700px) {
header h1 {font-size:400%; margin:60px 10% 0;}
header h2 {font-size:200%;}
#head_image {min-height: 250px;}
}


@media (max-width: 525px) {	
 .c3 {width: 99%;} /*nav*/

header h1 {font-size:375%; margin:70px 30px 5px;}
header h2 {font-size:175%; margin:0 30px 0;}
	
nav {text-align: left; padding: 0 0 0 9px;}
}