/* Fix multi-column layout */
.aem-Grid{display:flex; flex-direction:row; flex-wrap:wrap;}
.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4{float:none !important; width:auto; flex:0 0 50%;}

#multicolumn{--padding:15px;}
#multicolumn .aem-Grid--default--8{margin-left:calc(0px - var(--padding)); margin-right:calc(0px - var(--padding)); width:auto;}
#multicolumn .aem-Grid--default--8 > .aem-GridColumn--default--4{flex:0 0 calc(50% - var(--padding) - var(--padding)) !important; margin:0 var(--padding);}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media screen and (max-width: 991.98px) {
	.aem-Grid.aem-Grid--default--8 > .aem-GridColumn.aem-GridColumn--default--4{flex:0 0 50%;}
	#multicolumn{--padding:10px;}
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
	
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.aem-Grid.aem-Grid--extrasmall--10 > .aem-GridColumn.aem-GridColumn--extrasmall--10{flex:0 0 100%;}
	#multicolumn{--padding:0px;}
	#multicolumn .aem-Grid--default--8 > .aem-GridColumn--default--4{flex:0 0 100% !important;}
	#multicolumn :is(.text, .aem-Grid.aem-Grid--extrasmall--10>.aem-GridColumn.aem-GridColumn--extrasmall--4){width:100%;}
}