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 } .hero .card.lowcarb .card-footer, .hero .card.clubjenny .card-footer{ gap:2.5rem; } } @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-copy { min-height: 160px; } .hero .card.clubjenny .card-copy { min-height: 134px; } .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: 122px; 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; } .hero .card.clubjenny .card-copy { min-height: 102px; } }