.navbar {
font-size: 120%;
background-color: #ffcc16; /* #34a486; */
color: yellow;
overflow: hidden;
}

.navbar .menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.navbar .menu li {
display: inline-block;
}

.navbar .menu li a {
display: block;
color: white;
text-align: center;
padding: 2px 2px; /* 14px 20px;*/
text-decoration: none;
}
.navbar .menu li a:hover {
background-color: #ffcc16; /* #575757; */
}

.hamburger {
display: none;
font-size: 30px;
color: black;
padding: 14px 20px;
cursor: pointer;
}

#menu-toggle {
display: none;
}

@media screen and (max-width: 1000px) {
.navbar .menu {
display: none;
width: 100%;
}
.navbar .menu li {
display: block;
text-align: left;
}

#menu-toggle:checked + .hamburger + .menu {
display: block;
}
.hamburger {
display: block;
}
}