style.css

* {
	box-sizing: border-box;
}

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

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

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

.subtitle {
	font-size: 24px !important;
	font-style: italic;
	font-weight: 400 !important;
	letter-spacing: 0em;
	text-align: center;
	color: #1d652a !important;
	padding-bottom: 0.5em;
}

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

.overview-content {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 30px !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;
	align-items: flex-start;
	margin-bottom: 0.7em;
}

.grid-container:nth-child(2) {
	align-items: center;
}

@media screen and (max-width: 768px) {
	.container {
		width: 90%;
	}

	.grid-container {
		display: block;
	}

	.overview-heading {
		font-size: 18px !important;
	}
}