/* GRID
======================================================= */
.grid{display:grid; grid-template-columns:repeat(1,minmax(0,1fr));}
@media(min-width:769px){
	.grid-2{ grid-template-columns:repeat(2,minmax(0,1fr));}
	.grid-3{ grid-template-columns:repeat(3,minmax(0,1fr));}
	.grid-4{ grid-template-columns:repeat(4,minmax(0,1fr));}
	.grid-5{ grid-template-columns:repeat(5,minmax(0,1fr));}
	.grid-6{ grid-template-columns:repeat(6,minmax(0,1fr));}
}


/* INFOGRAPHICS
======================================================= */
.infographic-block {width:100%; max-width: calc(var(--ss)*1080vw);margin-bottom: 2em;}
.infographic-block h1, .infographic-block .h1{margin-bottom:var(--spacing-4);}
.infographic-block h2, .infographic-block .h2, .infographic-block h3, .infographic-block .h3{margin-bottom:var(--spacing-4);}
.infographic-card{gap: var(--spacing-5) var(--spacing-2); padding:var(--spacing-6) var(--spacing-4);}
.infographic-block img{width:calc(var(--ss)*120vw); max-width:50% !important;}

@media(min-width:769px){
	.infographic-block {min-width:677px;}
	.infographic-block .font-sm p.ps{font-size:0.6em;}
	.infographic-block .grid-2 img{width:calc(var(--ss)*160vw); max-width:50% !important;}
	.infographic-block .grid-5 img{width:calc(var(--ss)*80vw); max-width:50% !important;}
	.infographic-block .grid-6 img{width:calc(var(--ss)*60vw); max-width:40% !important;}
	
	.infographic-card .h1{font-size:2em;}
}

@media(max-width:768px){
	.infographic-block img{max-width:40% !important; margin-right:var(--spacing-1)}
}