:root {

	font-size: 16px;
	
	--col-width: 4.875rem;
	--col-gap: 2rem;
	--box-border-width: 0.25rem;
	
}

@media screen and (min-width: 28.5rem) {
	
	:root {
		
		--page-col-nb: 4;
		
		--benefits-col-nb: 4;
		--worlds-col-nb: 4;
		--guides-col-nb: 4;
	}
	
}


@media screen and (min-width: 42.25rem) {
	
	:root {
		
		--page-col-nb: 6;
		
		--benefits-col-nb: 6;
		--worlds-col-nb: 6;
		--guides-col-nb: 6;
	}
	
}



@media screen and (min-width: 56rem) {
	
	:root {
		
		--page-col-nb: 8;
		
		--benefits-col-nb: 4;
		--worlds-col-nb: 8;
		--guides-col-nb: 4;
	}
}


@media screen and (min-width: 83.5rem) {
	
	:root {
		
		--page-col-nb: 12;
		--benefits-col-nb: 4;
		--worlds-col-nb: 6;
		--guides-col-nb: 4;
	}
	
}