/* NAVBAR STYLING STARTS */



.navbar a {
 text-decoration: none;
}
.navbar li {
 list-style: none;
}

.navbar { font-family: Lato, sans-serif; display: flex;  align-items: center; padding:0 20px 10px 40px;
 background-color:#fff; color: #802b00; font-weight:600;}
.nav-links {   margin: 0 0 -20px 45%; }

.nav-links a { color: #802b00; }
/* LOGO */
.logo {  padding:30px 0 0 0; }
/* NAVBAR MENU */
.menu {
 display: flex;
 font-size: 18px;
}
.menu li:hover {
 background-color: #d9d9d9;
 transition: 0.3s ease;
}
.menu li {
 padding: 10px 15px; background-color:#f1f1f1; 
}
/* DROPDOWN MENU */
.services {
 position: relative;
}
.dropdown {
 background-color: #e6e6e6;
 padding:0;
 position: absolute;
 z-index:1000;
 display: none;
 top: 40px;
 left:0;
}
.dropdown li + li {
 margin-top: 0;
}
.dropdown li {
 padding: 0.5em 1em;
 text-align: left;
}
.dropdown li:hover {
 background-color: #ffffe6;
}
.services:hover .dropdown {
 display: block;
}


/* CHECKBOX HACK */
input[type=checkbox]{
 display: none;
}
/*HAMBURGER MENU*/
.hamburger { position:absolute; right:5%; font-family: arial; top:20px; display:none; font-size: 34px; user-select: none; cursor:pointer; }

/* APPLYING MEDIA QUERIES */
@media (max-width: 768px) {
.menu {
 display:none;
 position: absolute;
 background-color:#bfbfbf;
 right: 0;
 left: 0;
 text-align: center;
 padding: 16px 0;
 z-index:1000;
 font-size: 18px;
}

.nav-links  { margin: 0 0 -47px 1%; }
.menu li    { padding: 10px 15px;   }
.dropdown   { top:0; }

.menu li:hover {
 display: inline-block;
 background-color:#ffffe6;
 transition: 0.3s ease;
}
.menu li + li {
 margin-top: 1px;
}
input[type=checkbox]:checked ~ .menu{
 display: block;
}
.hamburger {
 display: block;
}
.dropdown {
 left: 45%;
 top:0;
 transform: translateX(35%);
}
.dropdown li:hover {
 background-color: #ffffe6;
}
}