.navbar {
	background-color: transparent;
	transition: all 0.25s ease;
    text-align: center;
}
#menu-checkbox:checked + .navbar {
    background-color: black;
}
#menu-checkbox:checked + .navbar.navbar-sticky {
    background-color: #f8f6f2;
}


/*********
STICKY + LOGO RESPONSIVE
*********/

.navbar-sticky {
	background-color: #f8f6f2;
	box-shadow: 0px 1px 5px 0px #484b56;
    border-bottom: none;
}
.navbar .container { border-bottom: #c5b692 solid 1px; }
.navbar-sticky .container { border-bottom: none; }
.navbar-logo { 
    width: 130px;
    display: block;
}
.navbar-sticky .navbar-logo{ display: none; }
.navbar-logo-sticky {
    width: 90px;
    display: none;
}
.navbar-sticky .navbar-logo-sticky {
    display: block;
    margin: -30px 0;
    width: 90px;
}
@media only screen and (min-width: 576px) {
    .navbar-logo { width: 140px }
    .navbar-logo-sticky { width: 100px; }
}
@media only screen and (min-width: 768px) {
    .navbar-logo { width: 150px }
}
@media only screen and (min-width: 992px) {
    .navbar-logo { width: 160px }
}
@media only screen and (min-width: 1200px) {
    .navbar-logo { width: 170px }
}
@media only screen and (min-width: 1400px) {
    .navbar-logo { width: 180px }
}

/*********
NAVBAR LINK + BUTTON
*********/

.nav-link,
.nav-link.dropdown-toggle
.nav-link.show {
    color: #c5b692;
    transition: all 0.25s ease;
}
.navbar-sticky .nav-link { color: #92835f; }
.nav-link:hover,
.nav-link:focus {
    color:#f8f6f2;
    background-color: #c5b692;
}
.navbar button {
    color: #c5b692;
    border: #c5b692 solid 1px;
    margin: 10px 0;
    display: block;
    width: 100%;
}
.navbar-sticky button {
    color: #92835f;
    border: #92835f solid 1px;
}
@media only screen and (min-width: 992px) {
    .navbar button {
        margin: 0 0 0 10px;
        display: inline-block;
        width: auto;
    }
}

/*********
DROPDOWN
*********/
.dropdown-menu {
    background-color: black;
    border: #92835f solid 1px;
}
.navbar-sticky .dropdown-menu {
    background-color: #f8f6f2;
    border: none;
} 

/*********
MENU ICON
*********/
.menu-icon-container {
	position: relative;
	margin-right: 10px;
}
@media only screen and (min-width: 992px) {
    .menu-icon-container { display: none; }
}
#menu-checkbox { display: none; }
.menu-icon-label{
    position: relative;
    width: 30px;
    height: 30px;
}
.menu-icon-label:before,
.menu-icon-label:after,
.menu-icon-label div {
    background: #c5b692;
    content: "";
    display: block;
    height: 10%;
    border-radius: 1px;
    margin-bottom: 35%;
    transition: 0menu.25s;
}
#menu-checkbox:checked + nav .menu-icon-label:before { transform: translateY(450%) rotate(135deg); }
#menu-checkbox:checked +nav .menu-icon-label:after { transform: translateY(-450%) rotate(-135deg); }
#menu-checkbox:checked +nav .menu-icon-label div { transform: scale(0); }