body {}

* {margin:0; padding:0; font-family:'Arial', sans-serif; box-sizing: border-box;}

/* hide the checkbox and the label */

input#responsive-nav,
label.responsive-nav-label {display: none;}

/* declarations for the not-responsove-menu */

nav {float:left; width:100%; background:#FFFFFF; font-size:1em;}

nav ul {margin:0; padding:0;}
nav a {display:block; color:#705A45; text-decoration:none;}
nav ul li {position:relative; float:right; list-style:none; color:#705A45; transition:0.5s;}
nav ul li a {padding:1.25em;}

nav ul > li.submenu > a:after {position:relative; float:right; content: ''; margin-left:0.6em; margin-top:0.3em; 
                               border-left:0.3em solid transparent; border-right:0.3em solid transparent; border-top:0.3em solid #fff; border-bottom:0.3em solid transparent;}
nav ul ul li.submenu > a:after {margin-left:auto; margin-right:-0.6em; border-left:0.3em solid #fff; border-right:0.3em solid transparent; border-top:0.3em solid transparent;
                                border-bottom:0.3em solid transparent;}

nav ul li:hover {background:#4096ee; font-weight:bold;}

nav ul ul {position:absolute; top:-9999px; left:-9999px; background:#333; box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);}
nav ul ul li {float:none; width:200px; border-bottom:1px solid #555;}
nav ul ul li a {padding:10px 20px;}
nav ul ul li:last-child {border-bottom:none;}


/* Declarations for the responsive menu */

@media screen and (max-width:80em) 
{
  
* {font-size:1em;}

label.responsive-nav-label {position:relative; float:right; margin-right:1%; display:block; font-size:1.5em; padding:0em; cursor:pointer; color:#FFFFFF;}
  label.responsive-nav-label span {margin-right:0.6em;}

nav {position:absolute; top:-9999px; padding:0.6em; }

input#responsive-nav[type=checkbox]:checked ~ nav {position:relative; top:0;}

nav a:after {display:none;}

nav li {float:none !important; width:100% !important; border-bottom:none !important; }
nav li a {margin-bottom:0.6em !important; padding:0.2em 1em !important; border-bottom:0.15em solid #705A45; font-size:0.9em; }
nav ul li:hover {background:none;} 
nav ul li a:hover {background:none;}
nav ul ul {position:relative !important; width:80%; left:0 !important; top:0 !important; background:none !important; box-shadow:none;}
nav ul ul li {padding-left:1.2em;}

}