.npapw-page-banner {
	position: relative;
	min-height: 30vh;
	background-color: var( --npapw-color-secondary );
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.npapw-page-banner--fallback {
	background-image: linear-gradient( 135deg, var( --npapw-color-primary ), var( --npapw-color-secondary ) );
}

.npapw-page-banner--media {
	display: flex;
	justify-content: center;
	background-color: #ffffff;
}

.npapw-page-banner--media img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

@media ( max-width: 768px ) {
	.npapw-page-banner {
		min-height: 20vh;
	}
}