@media (min-width: 76.25em) {.card-group {-webkit-flex-flow: row wrap;-ms-flex-flow: row-wrap;flex-flow: row wrap;}}
@media (max-width: 76.25em) {.card-group {-webkit-flex-flow: column wrap;-ms-flex-flow: column-wrap;flex-flow: column wrap;}}
.card-group {width: 100%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction:row;-ms-flex-direction:column;flex-direction: row;}
.justify {margin-top: 4.5rem !important;-webkit-justify-content: center !important;-ms-flex-pack: center !important;-justify-content: center !important;}
/*Desktop*/
@media (min-width: 59.9375em) {
	.col-33-l{-webkit-flex: 0 0 33%;-ms-flex: 0 0 33%;flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;text-align: center;position: relative;width:33%;min-height: 1px; padding: 0px;}
	.col-66-r{-webkit-flex: 0 0 66%;-ms-flex: 0 0 66%;flex: 0 0 66%;flex: 0 0 66%;max-width: 66%;text-align: left;position: relative;width:66%;min-height: 1px; padding: 0px 0px 0px 45px;}
	.col-66-l{-webkit-flex: 0 0 66%;-ms-flex: 0 0 66%;flex: 0 0 66%;flex: 0 0 66%;max-width: 66%;text-align: left;position: relative;width:66%;min-height: 1px; padding: 0px 45px 0px 0px;}
	.col-33-r{-webkit-flex: 0 0 33%;-ms-flex: 0 0 33%;flex: 0 0 33%;flex: 0 0 33%;max-width: 33%;text-align: center;position: relative;width:33%;min-height: 1px; padding: 0px;}
	.col-80-l{-webkit-flex: 0 0 78%;-ms-flex: 0 0 78%;flex: 0 0 78%;flex: 0 0 78%;max-width: 78%;text-align: left;position: relative;width:78%;min-height: 1px; padding: 0px 20px 0px 0px;}
	.col-20-r{-webkit-flex: 0 0 22%;-ms-flex: 0 0 22%;flex: 0 0 22%;flex: 0 0 22%;max-width: 25%;text-align: center;position: relative;width:22%;min-height: 1px; padding: 0px;}
}
/*Mobile*/
@media (max-width: 59.9375em) {
	.col-33-l{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;position: relative;width:100%;min-height: 1px; padding-right: 0px;padding-left: 0px;padding-bottom: 0px;}
	.col-66-r{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: left;position: relative;width:100%;min-height: 1px; padding-right: 5px;padding-left: 0px;padding-bottom: 0px;}
	.col-66-l{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: left;float:right;width:100%;min-height: 1px; padding-right: 5px;padding-left: 0px;padding-bottom: 0px; order: 2;}
	.col-33-r{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;float:left;width:100%;min-height: 1px; padding-right: 0px;padding-left: 0px;padding-bottom: 0px; order: 1;}
	.col-80-l{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: left;float:right;width:100%;min-height: 1px; padding-right: 5px;padding-left: 0px;padding-bottom: 0px; order: 2;}
	.col-20-r{-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: left;float:left;width:100%;min-height: 1px; padding-right: 0px;padding-left: 0px;padding-bottom: 0px; order: 1;}

}

/* Illustrated example: image left, caption right, thin border */
.md-typeset .illustrated-example {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin: 0 0 1.5rem 0;
	border: 1px solid #000;
	padding: .25rem .75rem;
	border-radius: 4px;
}
.md-typeset .illustrated-example .illustrated-example-img {
	flex-shrink: 0;
	width: 300px;
	text-align: left;
}
.md-typeset .illustrated-example .illustrated-example-img img {
	display: inline-block;
	vertical-align: top;
}
.md-typeset .illustrated-example .illustrated-example-img p {
	margin: 0;
}
.md-typeset .illustrated-example figcaption {
	font-style: italic;
	font-size: .85rem;
}