* {
	box-sizing: border-box;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

.container {
	width: 80%;
	margin: 0 auto;
}

.title {
	font-size: 40px !important;
	font-weight: 600 !important;
	line-height: 50px !important;
	letter-spacing: 0em;
	text-align: center;
	color: #374159 !important;
}

.subtitle {
	font-size: 2em !important;
	font-style: italic;
	font-weight: 400 !important;
	line-height: 40px !important;
	letter-spacing: 0em;
	text-align: center;
	color: #1d652a !important;
}

.overview-heading {
	font-size: 2em !important;
	font-weight: 600 !important;
	line-height: 40px !important;
	letter-spacing: 0em;
	text-align: left;
}

.overview-content {
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 33px !important;
	letter-spacing: 0em;
	text-align: left;
}

.content-image {
	width: 100% !important;
	height: auto !important;
}

.vl {
	border-left: 5px solid #1d652a;
	padding-left: 20px;
	color: #1d652a !important;
}

.grid-container {
	display: grid;
	grid-template-columns: 1fr 2fr;
	gap: 20px;
}

@media screen and (max-width: 768px) {
	.grid-container {
		display: block;
	}
}