@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

#nlCompBanner.nl-comp {
    text-align: center;
}

#nlCompBanner {
    padding: 6rem 0;
    margin: 2rem 0 4.4rem;
    background: url(/static/base/assets/img/bd43ba3bca633fd496875b4bca946f39.jpg);
    background-position: center;
    background-size: cover;
}

@media (max-width: 768px) { /* Adjust the max-width based on your breakpoints */
    #nlCompBanner {
        background: url(/static/base/assets/img/bd43ba3bca633fd496875b4bca946f39_mobile.jpg); /* Replace with the mobile-specific image */
        background-position: center;
        background-size: cover;
    }
}

.nl-comp .nl-comp-title {
    background: #fff;
    display: inline-block;
    padding: 1.3rem 2rem;
    font-family: Caveat, Helvetica\ Neue, Helvetica, Roboto, Arial;
    font-size: 2.4rem;
    line-height: 2rem;
}


.nl-comp .nl-comp-inner {
    background: #fff;
    padding: 1.4rem 2rem 0.6rem;
    font-size: 1.2rem;
}


#nlCompBanner.nl-comp .nl-comp-inner {
    max-width: 560px;
    margin: 0 auto;
}


.menu {
        float: left;
}

header form {
    float: left;
    width: 50%;
    margin: .7rem 0 0 0;
}

a.sale {
    background: none!important;
    color: #CD4E48!important;
    transform: rotate(-10deg); /* Slight tilt of 5 degrees */

}

header .logo {
    margin-bottom: 5px;
}

.main-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}