/* Logo Uozzart - ingrandimento reale */

.navbar-brand {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.navbar-brand img {
    width: 700px !important;
    max-width: 700px !important;
    height: auto !important;
}

.bs-header-main .container {
    display: flex !important;
    justify-content: center !important;
}
/* LOGO MOBILE */

@media (max-width: 768px) {

    .navbar-brand {
        width: 100% !important;
        justify-content: center !important;
        overflow: hidden !important;
    }

    .navbar-brand img {
        width: 320px !important;
        max-width: 90vw !important;
        height: auto !important;
    }

}
/* Riduzione altezza header mobile */

@media (max-width: 768px) {

    .site-header,
    .bs-header-main {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

}
@media (max-width: 768px) {

    .navbar-brand img {
        width: 260px !important;
        max-width: 80vw !important;
    }

}
@media (max-width: 768px) {

    .site-header,
    .bs-header-main {
        overflow: hidden !important;
    }

    .navbar-brand img,
    .custom-logo {
        max-width: 75vw !important;
        width: 260px !important;
        height: auto !important;
    }

}
@media (max-width: 768px) {

    /* elimina lo spazio/elemento residuo sopra l'header */
    .site-header {
        overflow: hidden !important;
    }

    .bs-header-main {
        overflow: hidden !important;
    }

    /* nasconde eventuali elementi fuori area */
    .site-header .container,
    .site-header .row {
        overflow: hidden !important;
    }

}
@media (max-width: 768px) {

    /* nasconde il vecchio logo duplicato mobile */
    .mobile-logo,
    .mobile-header-logo,
    .site-header .custom-logo:not(.navbar-brand img) {
        display: none !important;
    }

    /* pulizia area sopra header */
    .site-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}@media (max-width: 768px) {

    /* nasconde il vecchio logo duplicato mobile */
    .mobile-logo,
    .mobile-header-logo,
    .site-header .custom-logo:not(.navbar-brand img) {
        display: none !important;
    }

    /* pulizia area sopra header */
    .site-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

}
@media (max-width: 768px) {

    .site-header {
        overflow: hidden !important;
    }

    .site-header .navbar-brand {
        overflow: hidden !important;
        height: 90px !important;
    }

    .navbar-brand img,
    .custom-logo {
        transform: none !important;
        position: relative !important;
        top: 0 !important;
    }

}
@media (max-width: 768px) {
    .site-header .navbar-brand img {
        outline: 3px solid red !important;
    }
}
@media (max-width: 768px) {

    .navbar-brand {
        overflow: hidden !important;
    }

    .navbar-brand img {
        width: 260px !important;
        max-width: 260px !important;
        height: auto !important;
    }

}
@media (max-width: 768px) {

.site-branding img.custom-logo,
.navbar-brand img.custom-logo {
    width: 320px !important;
    max-width: 90vw !important;
    height: auto !important;
}

.navbar-brand {
    width: 100% !important;
    justify-content: center !important;
}