.promo-banner { background:#006B00; position: sticky; top:0; z-index:1030; } .promo-banner a{ display: flex; align-items:center; padding: 10px 0; text-align: center; color:#fff; text-decoration: none; justify-content: center; } .promo-banner a:hover { color: #fff; } .promo-banner .promo-txt { font-size: 0.9375rem; font-family: korolev,arial,sans-serif; line-height:1.1; font-size: 1rem; text-align:left; flex-grow:1; } .promo-banner .details { text-decoration: underline; font-size:0.75rem; } #promoBanner .modal-header { align-items: flex-start; border-bottom: 0; padding: 1rem 1rem 0; } #promoBanner .modal-header .modal-title{ color:#006B00; font-size: 1.375rem; font-family: korolev, arial, sans-serif; font-weight: 700; line-height:1.2; padding-top: 0.5rem; } #promoBanner .modal-body{ display: flex; flex-direction: column; gap:1rem; } #promoBanner .modal-body ul li { margin-bottom: .5rem; } #promoBanner .card{ border-radius:0; background:#f2f2f2; padding:1rem; gap:.25rem; } #promoBanner .modal-footer{ gap:1rem; border-top:0; } #promoBanner .modal-footer .btn-wrap{ margin:0 auto; width:100% } #promoBanner .modal-footer .btn.btn-info{ background: #f3f3f3; border: 1px solid #f3f3f3; color: #00598a; font-size: 1rem; font-family: Arial, Sans-serif; text-transform: uppercase; font-weight:normal; border-radius: 1.5rem; width:100%; padding:0.875rem 0; line-height:1; font-weight:700; } #promoBanner .modal-footer p.small{ font-size: 0.7rem; } @media(min-width:576px){ .promo-banner .promo-txt { text-align:center; flex-grow:0; flex-grow:1; } } @media (min-width: 768px) { .promo-banner a { justify-content: center; gap:1rem; } .promo-banner .promo-txt { font-size: 1.125rem; line-height:1; flex-grow:0; } #promoBanner .modal-title { font-size: 1.625rem; } }