:root{
    --background: #212a31; /* Charcoal */
    --primary: #c5a56e; 
    --secondary: #7c3e2e; /* Marsala */
    --bg-contrast: #d2d2c8; /* Taupe */ 
}
/* Extra small devices (phones, 800px and down) */
@media only screen and (max-width: 800px) {

.main-logo{
    width: 30px;
    height: 30px;
    margin: 5px 10px;
}

.nav-bar{
    display: flex;
    justify-content: space-between;
}

.burger-menu{
    width: 30px;
    height: 30px;
    margin: 5px 10px;
    filter: brightness(0) saturate(100%)
    invert(34%)
    sepia(12%)
    saturate(1250%)
    hue-rotate(3deg)
    brightness(190%)
    contrast(88%);
}

.nav-bar{
    width: 100%;
    background-color: var(--secondary);
}

.nav-container{
    display: none;
}

.download-btn{
    display: none;
}

.burger-menu:hover{
    transform: scale(1.05);
}

}