.feature-blocks {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 20px;
	max-width: calc(100% - (var(--mobile-pagepadding-leftright) * 2));
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 992px) {
	.feature-blocks {
		display: grid;
		grid-template-columns: 50% 50%;
		grid-column-gap: 20px;
		max-width: 1040px;
		margin-left: auto;
		margin-right: auto;
	}
}

.feature-blocks > table {
	border: 1px solid #0064af;
	height: 100%;
	width: 100%;
}

.feature-blocks > table tr:first-child {
	min-height: 50px;
	background-color: #0064af;
	color: #ffffff;
}

.feature-blocks > table tr {
	display: grid;
	grid-template-columns: 48px 1fr;
	grid-template-rows: 1fr;
}

.feature-blocks > table tr:nth-child(2) {
	margin-top: 20px;
}

.feature-blocks > table tr:last-child {
	margin-bottom: 20px;
}

.feature-blocks > table th,
.feature-blocks > table td {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	align-content: center;
	height: 100%;
}

.feature-blocks > table th {
	grid-column-start: 1;
	grid-column-end: span 2;
	font-weight: bold;
	font-size: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.feature-blocks > table td {
	font-weight: normal;
	/*font-size: 18px;*/
	font-size: 14px;
}

@media (min-width: 1040px) {
	.feature-blocks > table td {
		font-size: 18px;
	}
}

.feature-blocks > table td:first-child {
	justify-content: center;
	align-content: flex-start;
	align-items: flex-start;
}

.feature-blocks > table td:last-child {
	padding-right: 20px;
}

.feature-blocks > table p {
	margin: 0;
	display: inline;
}

.feature-blocks > table th p {
	font-size: 16px;
}

@media (min-width: 1040px) {
	.feature-blocks > table th p {
		font-size: 18px;
	}
}

.main-content > .main-content-col > table {
	max-width: calc(100% - (var(--mobile-pagepadding-leftright) * 2));
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 1040px) {
	.main-content > .main-content-col > table {
		max-width: 1040px;
		margin-left: auto;
		margin-right: auto;
	}
}

div:not(.feature-blocks) > table td:first-child {
	padding: 10px;
}

@media (max-width: 991px) {
	div:not(.feature-blocks) > table tr {
		display: flex;
		flex-flow: row wrap;
	}
	
	div:not(.feature-blocks) > table td {
		width: 100%;
	}
	
	div:not(.feature-blocks) > table td:first-child {
		padding: 0;
	}
	
	div:not(.feature-blocks) > table td h2 {
		margin-top: 0;
	}
}

div:not(.feature-blocks) > table img {
	width: 100%!important;
	height: auto!important;
	min-width: 60px;
	max-width: 60px;
}

@media (min-width: 992px) {
	div:not(.feature-blocks) > table img {
		min-width: 70px;
		max-width: 86px;
	}
}