header.account.bs3-comp.sticky-top {
    font-size: 1.125rem
}

.jc-top-banner {
    z-index: 1060;
}

.text-cj-pink {
    color: #BD357A;
}

.hero h1 {
    font-size: 1.875rem;
    font-weight: 400;
    margin: 0 0 12px;
    line-height: 1.1;
}

.hero p.h2 {
    font-size: 1.1875rem;
    font-weight: 400;
    margin: 0 0 24px;
    line-height: 1.1;
}

.hero .card {
    color: #16384E;
    display: block;
    padding: 1.5rem 1rem 2rem;
    border-radius: 8px;
    border: 2px solid #0875B5;
    border-top: 16px solid #0875B5;
    width: 100%;
    text-align: center;
    margin: 0 0 16px;
    text-decoration: none;
}

.hero .card:hover, .hero .card:focus {
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}

.hero .card:hover .btn {
    background-color: #B43825;
    box-shadow: 2px 3px 3px -2px rgba(0, 0, 0, .3);
}

.hero .card h2 {
    font-size: 1.625rem;
    font-weight: 700;
    margin: 0;
}

.hero .card hr {
    border-top: 2px solid #0875B5;
    margin: 16px auto;
}

.hero .card p.h3 {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
}

.hero .card ul {
    text-align: left;
    line-height: 1.5;
}

.hero .card .price {
    color: #0881C7;
    font-size: 1.1875rem;
    line-height: 1.1;
    text-align: center;
}

.hero .card .save-icon {
    width: 16px;
}

.hero .card .save-wrapper span {
    width: calc(100% - 16px);
}

.hero .card .starting {
    color: var(--Text-text-inactive, #7E7E7F);
    font-size: 1.1875rem;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 8px;
}

.hero .card .btn {
    font-size: 1.34025rem;
    padding: 11px 0;
}

.hero .card.lowcarb, .hero .card.lowcarb hr {
    border-color: #16384E;
}

.hero .card.clubjenny, .hero .card.clubjenny hr {
    border-color: #BD357A;
}

.breakcopy h2 {
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 8px 0 16px;
}

.breakcopy p.h3 {
    color: #0881C7;
    font-size: 1.4375rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 24px;
}

.bullets {
    background: #FAF7F4;
    padding: 32px 0;
}

.bullets h2 {
    font-size: 1.75rem;
    font-weight: 400;
    margin: 0 0 8px;
}

.bullets p.h3 {
    font-size: 1.4375rem;
    font-weight: 400;
    margin: 0 0 16px;
}

.bullets .list-checked.check-d-blue > li {
    padding: 0 0 0 30px;
}

.bullets .list-checked.check-d-blue > li:before {
    background: url(/media/jc/diet-plans/10082024/Checkmark_JennyBlue.svg) 0 0 no-repeat;
    width: 20px;
    height: 17px;
    top: 3px;
}

.trailer {
    background: #16384E;
    padding: 32px 17px;
}

.trailer h2 {
    color: #fff;
    font-size: 1.875rem;
    font-weight: 400;
    margin: 0 0 16px;
}

.trailer p.h3 {
    color: #fff;
    font-size: 1.4375rem;
    font-weight: 400;
    margin: 0;
    line-height: 1.1;
}

@media(max-width: 767px) {
    .save-wrapper {
        justify-content: center;
        margin: 0 auto
    }
}

@media(min-width: 768px) {
    .hero h1 {
        font-size: 2.1375rem;
    }

    .hero p.h2 {
        font-size: 1.3rem;
        margin: 0 0 40px;
    }

    .hero .col-md-4:first-child {
        padding-right: 3px;
    }

    .hero .col-md-4:last-child {
        padding-left: 3px;
    }

    .hero .card {
        margin: 0 0 40px;
    }

    .hero .card h2 {
        font-size: 1.7rem;
    }

    .hero .card p.h3 {
        font-size: 1rem;
        min-height: 6rem;
    }

    .hero .card-copy {
        min-height: 265px;
    }

    .hero .card .btn {
        padding: 11px 0;
    }

    .hero .card .price {
        font-size: 1rem;
    }

    .no-pad-sm {
        padding-left: 0;
        padding-right: 0;
    }

    .breakcopy h2 {
        font-size: 2.0625rem;
        font-weight: 500;
    }

    .breakcopy p.h3 {
        font-size: 1.75rem;
        margin: 0 0 64px;
    }

    .bullets h2 {
        font-size: 2.1rem;
    }

    .bullets .list-checked.check-d-blue > li {
        font-size: 1rem;
    }

    .bullets .list-checked li:last-of-type {
        margin-bottom: 0;
    }

    .trailer h2 {
        font-size: 2.4375rem;
    }

    .trailer p.h3 {
        font-size: 1.75rem;
    }

    .hero .card .price {
        text-align: left;
    }

    .hero .card-footer {
        margin-top: auto
    }
}

@media(min-width: 992px) {
    .hero h1 {
        font-size: 2.85rem;
    }

    .hero p.h2 {
        font-size: 1.75rem;
        margin: 0 0 40px;
    }

    .hero .col-md-4:first-child {
        padding-right: 15px;
    }

    .hero .col-md-4:last-child {
        padding-left: 15px;
    }

    .hero .card {
        margin: 0 0 40px;
    }

    .hero .card h2 {
        font-size: 2.0625rem;
    }

    .hero .card-copy {
        min-height: 185px;
        margin-bottom: 0;
    }

    .hero .card .price {
        font-size: 1.1875rem;
        line-height: 1.1;
    }

    .hero .card .btn {
        font-size: 1.1875rem;
        padding: 11px 0;
    }

    .bullets h2 {
        font-size: 1.99rem;
    }

    .bullets p.h3 {
        font-size: 1.24rem;
    }

    .bullets .list-checked.check-d-blue > li {
        font-size: 1.1875rem;
    }

    .bullets img {
        margin-top: 0;
    }

    .bullets {
        padding: 3.5rem 0;
    }

    .hero .card p.h3 {
        min-height: 5rem;
    }

    .hero .card.lowcarb .card-footer {
        gap: 1.5rem;
    }

    .hero .card.clubjenny .card-footer {
        gap: 2.75rem;
    }
}

@media(min-width: 1200px) {
    .d-xl-block {
        display: block;
    }

    .hero h1 {
        font-size: 3rem;
    }

    .hero p.h2 {
        font-size: 1.75rem;
        margin: 0 0 40px;
    }

    .hero .card {
        padding: 1.25rem 1rem;
    }
    .hero .card p.h3 {
        min-height: 5.4rem;
    }
    .hero .card-copy {
        min-height: 160px;
    }

    .hero .card.clubjenny .card-footer {
        gap: 1.5rem; 
    }
    .hero .card h2 {
        font-size: 1.92rem;
    }

    .hero .card p.h3 {
        font-size: 1.1875rem;
    }

    .hero .card .price {
        font-size: 1.1875rem;
        line-height: 1.1;
        min-height: 55px;
    }

    .hero .card .btn {
        font-size: 1.375rem;
    }

    .bullets h2 {
        font-size: 2.3rem;
        margin-top: 0;
    }

    .bullets p.h3 {
        font-size: 1.47rem;
    }

    .trailer h2 {
        font-size: 2.4rem;
    }
}

@media(min-width: 1440px) {
    .hero .col-md-4:first-child {
        padding-right:12px;
    }

    .hero .col-md-4:nth-child(2) {
        padding-left: 0;
        padding-right: 0;
    }

    .hero .card-copy {
        min-height: 100px;
        height: auto;
    }

    .hero .card h2 {
        font-size: 2.0625rem;
    }

    .hero .card p.h3 {
        font-size: 1.1875rem;
        min-height: 4rem;
    }

    .hero .card .price {
        min-height: 59px;
    }

    .hero .save-wrapper span {
        font-size: 1.375rem;
    }

    .hero .card .save-icon {
        width: auto;
    }

    .bullets h2 {
        font-size: 2.5rem;
    }

    .bullets p.h3 {
        font-size: 1.75rem;
    }

    .trailer h2 {
        font-size: 2.105263rem;
    }
}