Template:Header mega/styles.css

.megaheader-banner-image { min-height: 200px; max-height: 450px; height: auto; width: 100%; object-fit: cover; margin-top: 1vh; } .megaheader-image-wrapper { position: relative; overflow: hidden; height: auto; margin-bottom: .6em; } .megaheader { position:relative; padding-bottom:0em; border:none; margin:0; overflow: hidden; } body.skin-monobook .megaheader, body.skin-vector .megaheader { margin: -20px 0 0 0; } .megaheader .firstHeading { position:absolute; top:35px; left:30px; padding:10px; text-align:left; color:#FFF; letter-spacing:2px; line-height:1; font-weight:600; border-bottom:0; background-color:rgba(50,50,50,0.85); width:auto; margin-right:10px; } .megaheader-additional-content { position:absolute; top:115px; left:20px; padding:10px 0 0 0; text-align:left; color:#FFF; line-height:1; font-weight:600; border-bottom:0; margin-right:10px; } .main-subhead, margin:0; margin-top:1.1em; font-size:1.2em; line-height:1.5; max-width:500px; font-weight:400; background-color:rgba(50,50,50,0.7); padding:10px; margin-right:10px; }
 * 1) main-subhead {

@media screen and (max-width: 719px) { .megaheader .firstHeading { top:10px; left:10px; padding:10px; font-size: 120%; }	.megaheader-additional-content { top:115px; left:5px; padding:10px 0 0 0; }	.main-subhead, #main-subhead { font-size: 1em; } }