@import "./variables.scss";
.Header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.3s ease;
    z-index: 9;
    padding: $pad + 14 0;
    @media (max-width: $md) {
        padding: $pad + 5 0;
        box-shadow: 0 0 10px rgba($black, 0.1);
        background-color: $white;
    }
    &.scrolled {
        background-color: $white;
        box-shadow: 0 0 30px rgba($black, 0.1);
    }
    .NavCustom {
        .Logo {
            width: 190px;
            padding: 0;
            @media (max-width: $xl) {
                width: 160px;
            }
            img {
                display: block;
                width: 100%;
            }
        }
    }
}