body {
    font-family: Inter;
}
.mb-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .mb-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .mb-container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .mb-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .mb-container {
        max-width: 1150px;
    }
}

header {
    background: url(/assets/imgs/bfcm/2023/herobg.webp);
    background-position: center;
    background-size: cover;
}

.btn-mb-4, .btn-mb-4:hover, .btn-mb-4:visited {
    background: #C51162;
    border-color: #C51162; 
}

.btn-mb-4:active {
    border-color: #C51162 !important;
    color: #C51162 !important;
}

header h1 {
    font-size: 28px !important;
}

header .btn.special {
    background-color: #FD1635 !important;
    border-color: #FD1635 !important;
}

@media (max-width: 576px) { 
    header h1 {
        line-height: 20px;
        letter-spacing: 2.222px;
        font-size: 1rem !important;
    }
}

/*Buy button on mobile */
.btn-mb-4, .btn-mb-4:hover, .btn-mb-4:visited {
    background: #FD1635 !important;
    border-color: #FD1635 !important; 
}

.btn-mb-4:active {
    border-color: #FD1635 !important;
    color: #FD1635 !important;
}
.btn-mb-3-alt:hover {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: var(--mb-branding-dark) !important;
}