.overlay p {
	margin: 0.0px 0.0px 0.0px 0.0px;
	font: 16.0px 'Helvetica Neue';
	min-height: 16.0px;
	line-height: 24px;
}

.bg-alt {
	background-color: #f2f2f2;
}

.bg-blue {
	background-color: #ebf1f8;
}

body[data-color-scheme='dark'] .dark-invert {
	filter: invert(1);
}

.button-pill {
	border-radius: 1em;
}

.hero-image {
	margin-top: 2em;
	margin-bottom: -6px;
	width: 740px;
	height: auto;
}

.section-hig .section-content > .row:first-of-type {
	padding-bottom: 4em;
}

.column-sf > p {
	margin-top: 0.8em;
	padding-right: 1em;
}

.column-sf + .column picture {
	margin-left: 10px;
	width: 480px;
}

.section-hig picture {
	margin-left: 10px;
	width: 338px;
}

.section-hig .large-6 p {
	padding-right: 1em;
}

.column-sf + .column picture img,
.section-hig picture img {
	border-radius: 1em;
}

.tile-flex {
	margin-top: 0.3em;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: stretch;
}
.tile-tools {
	position: relative;
	flex: 1 0 auto;
	align-self: stretch;
	margin-top: 20px;
	margin-left: 20px;
	width: 333px;
	padding: 1.5em 2em 2em;
	background-color: #fff;
	border-radius: 1em;
}
.tile-flex > .tile-tools:nth-of-type(odd) {
	margin-left: 0;
}
.tile-flex > .tile-tools:nth-of-type(even) {
	float: right;
}
.tile-tools h5 {
	font-size: 17px;
}
.tile-tools p:not(.tile-button) {
	margin-bottom: 3.2em;
}
.tile-button {
	position: absolute;
	bottom: 2em;
	width: fit-content;
}
.typography-subbody .smaller {
	font-size: 13px;
}
.tile-tools.tile-tools-placeholder {
	background-color: unset;
}

.section-frameworks h3 {
	margin-top: 1.5em;
}

@media only screen and (max-width: 1068px) {
	.hero-image {
		width: 692px;
	}
	.tile-tools {
		width: 336px;
	}
	.column-sf + .column picture {
		margin-left: 8px;
		width: 340px;
	}
}

@media only screen and (max-width: 735px) {
	.hero-image {
		width: 100%;
	}
	.tile-tools {
		width: 230px;
	}
	.section-hig .section-content > .row:first-of-type {
		padding-bottom: 3em;
	}
	.column-sf + .column picture,
	.section-hig picture {
		margin: 1em auto;
		width: 100%;
	}
	.section-frameworks h3 {
		margin-top: 1.6em;
	}
}

@media only screen and (max-width: 563px) {
	.tile-flex > .tile-tools {
		margin-bottom: 20px;
	}
	.tile-flex > .tile-tools.typography-subbody:last-of-type {
		margin-bottom: 0;
	}
	.tile-flex > .tile-tools:nth-of-type(even) {
		margin-left: 0;
		float: none;
	}
	.tile-tools {
		width: 336px;
	}
	.tile-tools.tile-tools-placeholder {
		display: none;
	}
}


@media only screen and (max-width: 375px) {
	.tile-tools {
		width: 330px;
	}
}


@media only screen and (max-width: 320px) {
	.tile-tools {
		width: 230px;
	}
}

/* ========== Grid ========== */
#main .section-content.divider-bottom {
	padding-bottom: 4em;
}
#main section.section.section-hero {
	padding-bottom: 0;
}
#main section.section.section-banner {
	padding-top: 1em;
	padding-bottom: 1em;
}
#main section.section.section-tools {
	padding-bottom: 3em;
}
#main section.section.section-frameworks {
	padding-top: 0;
}
@media only screen and (max-width: 735px) {
	#main .section-content.divider-bottom {
		padding-bottom: 2em;
	}
	#main section.section.section-hero {
		padding-bottom: 0;
	}
	#main section.section.section-banner {
		padding-top: 0;
		padding-bottom: 0;
	}
	#main section.section-hero .section-content .row > .column {
		padding: 0;
	}
	#main section.section.section-frameworks {
		padding-top: 0;
	}
}


/* === DARK MODE === */
body[data-color-scheme="dark"].dmf .tile-tools {background-color: var(--fill-secondary-alt);} 
body[data-color-scheme="dark"].dmf .tile-tools.tile-tools-placeholder {background-color: unset;} 
body[data-color-scheme="dark"].dmf .icon-hig {filter: invert(1);}