.navbar-body {
    padding: 20px 0px 12px 0px !important;
}

.navbar-logo img {
    max-width: 200px !important;
    height: auto !important;
}

.section--hero .section-inner__content {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.h-content-desktop,
.h-content-mobile {
    padding-bottom: 16px !important;

    h1,
    h1 span {
        text-align: center;
        font-family: "Raleway", serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 114%; /* 31.92px */
    }

    h2 {
        margin-top: 0px !important;
        text-align: center;
        font-family: "Raleway", serif;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 114%; /* 31.92px */
    }

    h3 {
        padding-top: 46px;
        text-align: center;
        font-family: "Prompt", serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 145%; /* 23.2px */
    }

    p {
        margin: 0px !important;
        padding: 16px 0px 0px 0px !important;
        text-align: center;
        font-family: "Source Sans 3", serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 145%; /* 17.4px */
    }
}

.hero-features-wrapper {
    width: 100%;
    max-width: min(90vw, 900px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
}
.usa-disc {
    font-weight:400;
}
.table-body {
    gap: 16px !important;
}
.footer {
    background-color: #0f172a;
}

.footer .footer-body {
    max-width: unset !important;
    background-color: unset !important;
    padding: 16px 16px 48px 16px !important;
    gap: 16px !important;
}

.footer-disc p {
    text-align: left !important;
}

.footer-icons {
    padding: 12px 0px 12px 0px !important;
}

.menu-item a {
    font-size: 12px !important;
}

.footer-logo img {
    max-width: 130px !important;
    height: auto !important;
}

@media (max-width: 550px) {

    .footer-menu .menu-item {
        margin: 0px !important;
    }

    .footer .footer-body {
        gap: 20px !important;
    }

    .footer-icons {
        padding: 0px 0px 0px 0px !important;
    }

    .footer-disc p {
        font-size: 8px !important;
    }

    .table-cell.table-cell--visit .button-claim {
        font-size: 16px !important;
    }

    .table-brand-offer {
        font-size: 14px !important;
    }

    .section--table {
        padding: 8px 0px !important;
    }

    .table-row {
        padding: 0px 8px 0px 8px !important;
    }

    .table-body {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    .navbar-body {
        padding: 20px 0px 12px 0px !important;
    }

    .navbar-logo img {
        max-width: 60px !important;
        height: auto !important;
    }

    .section--hero .section-inner__content {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }

    .h-content-desktop,
    .h-content-mobile {
        h1,
        h1 span {
            text-align: center;
            font-family: "Raleway", serif;
            font-size: 18px;
            font-style: normal;
            font-weight: 700;
            line-height: 114%; /* 31.92px */
        }

        h2 {
            margin-top: 0px !important;
            text-align: center;
            font-family: "Raleway", serif;
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
            line-height: 114%; /* 31.92px */
        }

        h3 {
            padding-top: 46px;
            text-align: center;
            font-family: "Prompt", serif;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 145%; /* 23.2px */
        }

        p {
            margin-top: 0px !important;
            padding-top: 16px !important;
            padding-bottom: 16px !important;
            margin-bottom: 0px !important;
            text-align: center;
            font-family: "Source Sans 3", serif;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 145%; /* 17.4px */
        }
    }
}
.section--hero .logo-on-both-sides{
    display:flex;
    align-items:center;
    padding-top:1rem;
    padding-bottom:3rem !important;
}
@media screen and (min-width: 320px) and (max-width: 500px) {
    .section--hero .logo-on-both-sides .h-content-mobile{
        margin-right: 1rem;
    }
    .section--hero .logo-on-both-sides .right-logo {
        display: none;
    }
}