/**
 * In page banner specific styles
 * 
 */

/** General */
	.in-page-banner {
		min-height: 300px;
		padding: 0;
		text-align: center;
		position: relative;
		background-color: #132a37;
	}
	.in-page-banner.large {
		min-height: 90vh;
	}

		.in-page-banner-content {
			height: 100%;
			min-height: 300px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 4em 0;
			position: relative;
			z-index: 2;
		}
		.large .in-page-banner-content {
			min-height: 90vh;
		}

			.in-page-banner-content .container {
				max-width: 900px;
				margin: 0 auto;
			}

			.in-page-banner-content .container h2 {
				margin: 0 0 0.4em;
				font-weight: 500;
				font-size: 35px;
				color: #fff;
			}

			.in-page-banner-content .container h4 {
				color: #fff;
				margin: 0.5em 0;
				text-align: center;
				font-size: 18px;
				text-transform: uppercase;
				font-weight: 500;
				letter-spacing: 0.07em;
			}

		.in-page-banner .overlay {
			position: absolute;
			width: 100%;
			height: 100%;
			z-index: 1;
			background: rgba(19, 42, 55, 0.5);
			top: 0;
			left: 0;
		}