#banner { display: block; position: relative; width: 100%; }
#banner.big { min-height: 630px !important; }
#banner.medium { min-height: 480px !important; }
#banner.small { min-height: 330px !important; } 

#banner div.bg { display: block; position: absolute; width: 100%; top: 0; bottom: 0; z-index: 2; background-size: cover; background-position: center; }
#banner div.bg.mobile { display: none; }

#banner div.captfield { display: flex; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; padding-bottom: 30px; }
#banner div.captfield.middle { -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; }
#banner div.captfield.top { padding-top: 1rem; -ms-flex-align: flex-start; -ms-flex-pack: flex-start; -webkit-box-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; }
#banner div.captfield.bottom { padding-bottom: calc( 1rem + 30px ); -ms-flex-align: flex-end; -ms-flex-pack: flex-end; -webkit-box-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; }

#banner div.captfield mark { background: #12b2e8; border: 0; padding: 5px; margin: 0; display: inline-block; }

#banner div.captfield * { color: #fff; }
#banner div.captfield h1 { font-family: 'Roboto-Bold' !important; }
#banner div.captfield h1 strong { font-family: 'Roboto-Black' !important; }

@media screen and (max-width: 767.98px) {
    /* #banner div.bg { display: none; } */
    #banner div.bg.mobile { display: block; }
}