@media(max-width: 1300px){
    
#header{ height: 160px; }

.color-filter{ padding-left: 30px; padding-right: 30px; }

#logo{ height: 90px; }

.menu-button{
    width: 130px;
    height: 26px;
    font-size: 18px;
    line-height: 26px;
}

.menu-button:hover{ border-bottom: solid 4px white; }

.active{ border-bottom: solid 4px white; }

}


@media(max-width: 880px){
    
    .color-filter{ padding-left: 12px; padding-right: 12px; }
    
    #logo{ height: 60px; align-self: flex-start; margin-top: 12px; }
    
    .menu-button{
        width: 112px;
        height: 25px;
        line-height: 25px;
    }
    
    .menu-button:hover{ border-bottom: solid 2px white; }
    
    .active{ border-bottom: solid 2px white; }
    
    }