nav {position: relative;  }

nav ul { list-style:none; margin:0; padding:0; }


nav ul::after {content:''; display: block; clear: both;}

nav ul li:hover {}

nav ul li:hover > ul {display:block;}



nav ul li a {display: inline-block; color:#069; font-size: 160%; padding:20px 60px 20px 20px; text-decoration:none; }


nav ul li a:hover {}

nav ul ul {display:none; position:absolute; top:0px; background-image: url(images/hatch2.png); width:930px; padding:50px 20px 80px 30px;}


nav ul ul li {position: relative;}


nav > ul > li {float:left;}
nav > ul > li > a {width:150px;}




#close-menu{float:left; width: 800px; margin:40px 60px 40px 30px;}

.icon{float:left; margin:0px 70px 0px 25px;}
.icon2{float:left; margin:0px 70px 50px 0px;}

.close{clear:all; margin:50px 70px 50px 0px;}
 


.black{color:#333; font-size: 170%; margin:20px 600px 20px 20px; float:left; font-weight: bold;}


  .black2{color:#333; font-size: 170%; margin:60px 600px 0px 0px; font-weight: bold; float:left;}nav {position: relative;  }

nav ul { list-style:none; margin:0; padding:0; }


nav ul::after {content:''; display: block; clear: both;}

nav ul li:hover {}

nav ul li:hover > ul {display:block;}



nav ul li a {display: inline-block; color:#069; font-size: 160%; padding:20px 60px 20px 20px; text-decoration:none; float:left; }


nav ul li a:hover {}

nav ul ul {display:none; position:absolute; top:0px; background-image: url(images/hatch2.png); width:930px; padding:50px 20px 80px 30px;}


nav ul ul li {position: relative;}


nav > ul > li {float:left;}
nav > ul > li > a {width:150px;}