body, nav, ul, li, a  {margin: 0; padding: 0;}
body {
font-family: "Montserrat", sans-serif;
}

a {text-decoration: none;}
nav {
grid-column: 1 / -1;
grid-row: 1 / 2;
text-align: center;
background-color: #292a2b;
padding: 10px 3%;
margin: 0;
width: 94%;
z-index: 10;
}

nav:after {
content: "";
display: table;
clear: both;
}
nav ul {
float: right;
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
nav ul li {
margin: 0px;
display: inline-block;
float: left;
background-color: #292a2b;
}
nav a {
display: block;
padding: 12px 11px;
color: #a3b7ca;
font-size: 100%;
font-weight: 400;
text-decoration: none;
}
nav a:hover { background-color: #426e70; color: #DFE1E6;
	text-shadow: 2px 2px 5px #222;}
nav li:hover { background: #426e70; color: #DFE1E6; 
	text-shadow: 2px 2px 5px #222;}
nav ul li ul li:hover { background: #426e70; color: #DFE1E6; 
	text-shadow: 2px 2px 5px #222;}

.nav-donate:link { background: #DDD; color: #9E1B34;} 
.nav-donate:visited { background: #DDD; color: #9E1B34;} 
.nav-donate:hover { background: #555; color: #DFE1E6;} 
.nav-donate:active { background: #555; color: #DFE1E6;}

.nav-button:hover { background: #292a2b} 
.nav-button:active { background: #292a2b} 

.nav-button {
	margin: -5px 0 -10px 0;
}


nav ul ul {
display: none;
position: absolute;
}

nav ul li:hover > ul { display: inherit; }
nav ul ul li {
width: 135px;
float: none;
display: list-item;
position: relative;
}
nav ul ul ul li {
position: relative;
top: -60px;
left: 170px;
}
li > a:after { 
content: none; 
}
.toggle, [id^=drop] {
display: none;
}
li > a:only-child:after 
{ content: ''; 
}



@media all and (max-width : 750px) {

nav { 
margin: 0;
text-align: left;
}
.toggle + a,
.menu { 
display: none; 
}
.toggle {
display: block;
background-color: #292a2b;
padding: 0 10px;
color: #a3b7ca;
font-size: 100%;
line-height: 40px;
text-decoration: none;
font-weight: 400;
border: none;
}
.toggle:hover { 
color: #DFE1E6;
background-color: #426e70; 
}

[id^=drop]:checked + ul { 
display: block; 
}

.marginleft {
margin-left: -5px;
}
	
nav ul li {
display: block;
width: 100%;
}
nav ul ul .toggle,
nav ul ul a { padding: 10px 20px; line-height: 20px; text-indent: 20px;}
nav ul ul ul a { padding: 0 40px; }
nav a:hover,
nav ul ul ul a { background-color: #426e70; }
nav ul li ul li .toggle,
nav ul ul a { background-color: #292a2b; }
nav ul ul {
float: none;
position: static;
color: #DFE1E6;
}
nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
nav ul ul li {
display: block;
width: 100%;
}
nav ul ul ul li { position: static;
}

.nav-button {
	margin-top: 0;
}
}

@media all and (max-width : 330px) {
nav ul li {
display: block;
width: 94%;
}
}