h1 {
font-size: 60px;
text-align: center;
color: #FFF;
}	
h3 {
font-size: 30px;
line-height: 34px;
text-align: center;
color: #FFF;
}
h3 a {
color: #FFF;
}
a {
color: #FFF;
}
h1 {
margin-top: 100px;
text-align:center;
font-size:60px;
line-height: 70px;
}
#container {
margin: 0 auto;
max-width: 890px;
}
.toggle,
[id^=drop] {
display: none;
} nav { 
margin:0;
padding: 0;
font-family: 'Merriweather', serif;
}
#logo {
display: block;
padding: 0 30px;
float: left;
font-size:20px;
line-height: 60px;
} nav:after {
content:"";
display:table;
clear:both;
} nav ul {
float: none;
padding:0;
margin:0;
list-style: none;
position: relative;
z-index:9;
} nav ul li {
margin: 0px;
display:inline-block;
position:relative;
} nav a {
display:block;
padding:9px 28px;	
color:#FFF;
font-size:17px;
text-decoration:none;
font-family: 'Raleway', arial, sans-serif;
font-weight:600;
}
nav.pagination .nav-links a {
display: inline-block !important;
color: #000 !important;
}
nav ul li ul li:hover { background: #ceab6f; }   nav ul ul {
display: none;
position: absolute; top: 38px; 
left:0px;
background:transparent;
} nav ul li:hover > ul {
display:inherit;
} nav ul ul li {
width:170px;
float:none;
display:list-item;
position: relative;
}
nav ul ul li a{ font-weight:normal; font-size:16px; text-align:left;} nav ul ul ul li {
position: relative;
top:-38px; left:170px; 
}
nav ul ul li a:hover{display:block;}   @media all and (max-width : 768px) {
#logo {
display: block;
padding: 0;
width: 100%;
text-align: center;
float: none;
}
nav {
margin: 0;
}  .toggle + a,
.menu {
display: none;
} .toggle {
display: block;
background-color: #aa7400;
padding:5px 20px;	
color:#FFF;
font-size:16px;
text-decoration:none;
border:none;
font-family: 'Raleway', arial, sans-serif;
}
.toggle:hover {
background-color: #0f274c;
}
.menubar nav ul li a:hover{ background:#ceab6f;}
nav a:hover{ background:#ceab6f;} [id^=drop]:checked + ul {
display: block;
} nav ul li {
display: block;
width: 100%;
}
nav ul ul .toggle,
nav ul ul a {
padding: 0 40px;
}
nav ul ul ul a {
padding: 0 80px;
}
nav a:hover,
nav ul ul ul a {
background-color: #302c2a;
}
nav ul li ul li .toggle,
nav ul ul a,
nav ul ul ul a{
padding:14px 20px;	
color:#FFF;
font-size:17px; 
}
nav ul li ul li .toggle,
nav ul ul a {
background-color: #302c2a; 
} nav ul ul {
float: none;
position:static;
color: #ffffff; } 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; }
}
@media all and (max-width : 330px) {
nav ul li {
display:block;
width: 94%;
}
}