<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.info-wrapper{
	padding: 1vw 6vw;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

.info-wrapper h2{
	font-size: 33px;
	font-weight: bold;
	color: #4186ba;
	padding: 3vw 0px;
	text-align: center;
	grid-column: span 12;
}

.info-wrapper h2:before{
	content: "";
	display: block;
	width: 12em;
	max-width: 100%;
	border-bottom: 1px solid #4186ba;
	margin: 0em auto 0.1em;
}

.info-wrapper h2:after{
	content: "";
	display: block;
	width: 12em;
	max-width: 100%;
	border-bottom: 1px solid #4186ba;
	margin: 0.1em auto 0em;
}

.info-group {
	/*margin-top: 20px;*/
	grid-column: span 6;
	justify-items: center;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
}

.info-group .info-img{
	grid-column: span 6;
}

.info-group .info-description{
	grid-column: span 6;
}

.info-group .info-description h3{
	font-size: 22px;
    color: #3d92cf;
	font-weight: bold;
}

.info-group .info-description p{
	font-size: 18px;
}

.outerBlue{
	border: 10px solid #3e94ce;
	border-radius: 15px;
	margin-bottom: 10px;
}

.outerOrange{
	border: 10px solid #f5943e;
	border-radius: 15px;
	margin-bottom: 10px;
}

/* Mobile */
@media (min-width: 1600px) {
	.info-group .info-img{
		justify-self: end;
    	padding-right: 2vw;
	}
}

/*Tablet*/
@media (max-width: 960px){
	.info-wrapper{
		grid-row-gap: 15px;
    	grid-column-gap: 10px;
	}

	.info-group:last-child{
		margin-bottom: 10px;
	} 

	.info-group .info-img{
		grid-column: span 12;
	}

	.info-group .info-description{
		grid-column: span 12;
	}	
}

/* Mobile */
@media (max-width: 530px) {
	.info-group{
		grid-column: span 12;
	}
}</pre></body></html>