.modal-content .scroll-overflow, .modal-content .scroll-overflow--short { overflow-y: scroll; } .promo-banner .slider-detail-section { /* -- "text-small" -- */ font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: 0%; } .modal-body .content-disclaimer { /* -- "text-x-small" -- */ font-size: 12px; line-height: 16px; font-weight: 400px; letter-spacing: 0%; } .chevron-banner { background: #222; border-radius: 1rem; margin: 1rem 1rem 5rem; display: flex; } .chevron-banner p { color: #fff; } .chevron-banner__left { max-width: 70%; padding: 1rem 1.25rem; flex-grow: 2; } .chevron-banner__left p:not(.h4) { border-bottom: 1px solid #595959; padding-bottom: 1.25rem; } .chevron-banner__left a { color: #fedb00; } .chevron-banner__right { flex-grow: 1; } .chevron-banner__right img { border-radius: 0 1rem 1rem 0; float: right; height: 100%; } /* - Desktop+ -- */ @media (min-width: 1024px) { #presidents-day-page .sign-up-landing-page, #fourth-of-july-page .sign-up-landing-page, #memorial-day-page .sign-up-landing-page, #labor-day-page .sign-up-landing-page, #cyber-monday-page .sign-up-landing-page { max-width: 73%; margin: 6rem auto; } .height-controlled-hero picture { max-height: 36rem !important; } .height-controlled-hero button { Margin-right: 0 !important; } .modal-content .scroll-overflow { max-height: 650px; } .modal-content .scroll-overflow--short { max-height: 350px; } } /* -- Mobile -- */ @media (max-width: 767px) { .modal-content .scroll-overflow { max-height: 450px; } .modal-content .scroll-overflow--short { max-height: 150px; } }