.site-banner { background-color: #D3D3D3; }
.site-banner .site-banner-inner { display: flex; flex-direction: column; align-items: stretch; padding: .5rem 1rem; }
.site-banner .sb-info { display: flex; flex-direction: row; align-items: center; }
.site-banner .sb-content { flex-grow: 1 }
.site-banner .sb-image { margin-right: 1rem; }
.site-banner .sb-image img { max-height: 100px; max-width: 300px; }
.site-banner .sb-title, .site-banner .sb-text { line-height: 1.3; }
.site-banner .sb-title { font-size: 24px; font-weight: 700!important; margin: 0; }
.site-banner .sb-text { margin: .5rem 0 0 0; }
.site-banner .sb-button { display: inline-block; font-size: 0.875rem!important; }
.site-banner .sb-buttons { flex-shrink: 0; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: .5rem; }
.site-banner .sb-button { background-color: #ffffff; color: #192757; }
.site-banner .sb-close { color: #ffffff; margin-left: 1rem;}

.site-banner.promo { background-color: #F2CD14; }
.site-banner.promo .sb-title, .site-banner.promo .sb-text { color: #192757; }
.site-banner.promo .sb-text a { color: #192757; font-weight: bold; }
.site-banner.alert { background-color: #AB0534; }
.site-banner.alert .sb-title, .site-banner.alert .sb-text { color: #ffffff; }
.site-banner.alert .sb-text a { color: #ffffff; font-weight: bold; }

@media all and (min-width: 769px) {
    .site-banner .site-banner-inner { flex-direction: row; align-items: center; justify-content: space-between;}
    .site-banner .sb-content { margin-right: 2.5rem; }
    .site-banner .sb-buttons { margin-top: 0; }

}