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,
#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;
}

@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;
	}
}