#header-nav-section {
    position: absolute;
    width: 100%;
    background-color: rgba(252, 241, 233, 0.51) !important;
}
/*header-nav*/
#header-nav-section .row-header{
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 1;
}


#header-menu {
    padding-top: 25px !important;
    padding-right: 10% !important;
    padding-bottom: 25px !important;
    padding-left: 10% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 2560px;
}

nav#header-nav {
    display: flex;
    width: 100%;
    justify-content: center;
}

ul#menu-principal {
    display: flex;
    -webkit-box-align: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 30px;
}
#menu-principal li a {
    font-family: 'Kodchasan',  sans-serif;
    font-size: 18px;
    color: #912915 !important;
    text-align: center;
}
#menu-principal li a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    position: relative;
    bottom: -5px;
    background:  #912915 ;
    transition: width .3s;
}
#menu-principal li a:hover::after {
    width: 100%;
}

#image-header-nav.home {
    position: absolute !important;
}

#main-header.header-big #image-header-nav.home {
    position: relative !important;
}
#main-header.header-big.scrolled #image-header-nav.home {
    position: absolute !important;
}

/*header*/
div#logo-column a{
    display: block;
}

div#nav-bar-menu {
    width: 100%;
}

#main-header.header-home{
    #header-nav-section{
        background-color: transparent !important;
        .row-header {
            backdrop-filter: none;
        }
    }

    #header-menu {
        padding-top: 3% !important;
        padding-right: 10% !important;
        padding-bottom: 3% !important;
    }
    #header-nav-section::after{
        display: none;
        transition: none;
    }
    nav#header-nav {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    div#logo-column {
    width: 0;
    }
}