.header-banner {
    position: relative;
}
.header-banner img {
    border-radius: 8px;
}
.header-banner h1 {
    position: absolute;
    top: 65%;
    left: 7%;
    background-color: #fff;
    padding: 18px;
    border-radius: 8px;
    box-shadow: 0 2px 9px 0px rgba(34,12,43, 0.1);
    border: 1px solid #424242;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.header-banner span {
    position: absolute;
    top: 80%;
    left: 15%;
    background-color: #fff;
    padding: 11px;
    border-radius: 8px;
    box-shadow: 0 2px 9px 0px rgba(34,12,43, 0.1);
    font-weight: bolder;
    background: #B51E53;
    color: #fff;
    font-size: 1rem;
    font-family: 'Playfair Display', serif;
    border: 1px solid #424242;
}
.delivery-section img {
    max-width: 150px;
    margin: 20px;
}
.header-topper {
    background: #B51E53;
    color: white!important;
}
.header-topper:hover {
    background: white;
    color: #B51E53!important;
}
@media (max-width: 576px) {
    .header-banner h1 {
        position: absolute;
        top: 57%;
        left: 7%;
        background-color: #fff;
        padding: 18px;
        border-radius: 8px;
        box-shadow: 0 2px 9px 0px rgba(34, 12, 43, 0.1);
        border: 1px solid #424242;
        font-size: 1.2rem;
        line-height: 1.2rem;
    }
    .header-banner span {
        position: absolute;
        top: 79%;
        left: 14%;
        background-color: #fff;
        padding: 5px;
        border-radius: 8px;
        box-shadow: 0 2px 9px 0px rgba(34, 12, 43, 0.1);
        font-weight: bolder;
        background: #B51E53;
        color: #fff;
        font-size: 1rem;
        font-family: 'Playfair Display', serif;
        border: 1px solid #424242;
    }
}