/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
 .info-wrap {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
 }
.info-wrap > div {
    display: grid;
    grid-template-columns: 20% 1fr;
    margin: 16px;
}
.bulletedContent h3,
.bulletedContent p {
    margin-left: 0 !important;
}
.bulletedContent h3 {
	font-family: 'DINOT', sans-serif;
	font-size: 19px;
	line-height: 24px;
	font-weight: bold;
    padding: 0 !important;
}
.bulletedContent h5 {
	font-family: 'DINOT', sans-serif;
    padding: 0 !important;
}
.whyBulletedList .h3Red {
	max-width: unset !important;
}
.bulletedContent p {
	font-family: 'DINOT', sans-serif;
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
	margin: 0 !important;
	padding: 0 !important;
	max-width: unset !important;
}
@media only screen and (max-width: 1200px) {
	.wp-block-cgb-block-bulletedlists {
		max-width: 100% !important;
		width: 100% !important;
	}
}
@media only screen and (max-width: 800px) {
	.info-wrap {
		grid-template-columns: 1fr !important;
	 }
}
@media only screen and (max-width: 500px) {
	.whyBulletedList {
		padding: 0 !important;
		margin-top: 25px !important;
	}
	.whyBulletedList .h3Red {
		padding: 5px !important;
	}
	.info-wrap > div {
		grid-template-columns: 25% 1fr;
	}
}