@charset "UTF-8";

/* HEADER BANNER */

.header-banner {
	height: 0;
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 10.63%; /* 32:5 Aspect Ratio (divide 5 by 32 = 0.1563) */
	background-size: 100% auto;
}

.header-banner > div {
	position: absolute;
	top: 50%;
	left: 50%;
	text-shadow: 2px 2px 4px #777777;
}

/* XS */
@media only screen and (min-width : 0px) {

	.header-banner > div {
		transform: translate(-50%, -50%);
	}

	.header-banner h6 {
		display: none;
	}

	.header-banner h2 {
		font-size: 1rem;
	}

	.header-banner {

	}
}

/* SM (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* MD (tablets, 768px and up) */
@media (min-width: 768px) {

	.header-banner h6 {
		display: block;
	}

	.header-banner h2 {
		font-size: 2rem;
	}

}

/* LG (desktops, 992px and up) */
@media (min-width: 992px) {

	.header-banner {
		background-attachment: fixed;
	}

}

/* XL (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	.header-banner > div {
		transform: translate(-50%, calc(50% - 37px));
	}
}