/* Pillars (layouts/why.php). On desktop Divi's own row settings do the work. Below that the
   old build stacked the star above the pillars and set the pillars two to a row (one on
   phones); the pillar rows and columns step aside (display: contents) so the six pillars
   flow as one grid, whatever rows an editor groups them into. */
@media (max-width: 980px) {
	.qc-why > .et_pb_row { flex-wrap: wrap !important; row-gap: 32px !important; }
	.qc-why > .et_pb_row > .et_pb_column { width: 100% !important; }
	.qc-pills-col { display: grid !important; grid-template-columns: 1fr 1fr; gap: 28px 32px; }
	.qc-pills-col > .et_pb_module { grid-column: 1 / -1; }
	.qc-pills-col > .et_pb_row,
	.qc-pills-col > .et_pb_row > .et_pb_column { display: contents; }
}
@media (max-width: 700px) {
	.qc-pills-col { grid-template-columns: 1fr; }
}