.grid {
	display: grid;
}

.grid-cols-1 {
	grid-template-columns: repeat(1, calc(100% / 1));
}

.grid-cols-2 {
	grid-template-columns: repeat(2, calc(100% / 2));
}

.grid-cols-3 {
	grid-template-columns: repeat(3, calc(100% / 3));
}

.grid-cols-5 {
	grid-template-columns: repeat(5, calc(100% / 5));
}

.gap-2 {
	gap: .625rem;
}

.gap-3 {
	gap: 1.5rem;
}

.place-items-center {
	place-items: center;
}

.rounded {
	border-radius: .25rem;
}

.min-w-0 {
	min-width: 0;
}

.whitespace-normal {
	white-space: normal;
}

.h-fit {
	height: fit-content;
}

.\[\&\_iframe\]\:w-100 iframe{
  width: 100%;
}

/* sm: */
@media (576px > width){}

/* sm: */
@media (576px <= width){
	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, calc(100% / 2));
	}
}



/* max-md: */
@media (768px > width){}

/* md: */
@media (768px <= width){
	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, calc(100% / 2));
	}
	
	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, calc(100% / 3));
	}
}



/* max-lg: */
@media (992px > width){
	.max-lg\:hidden {
		display: none;
	}
}

/* lg: */
@media (992px <= width){
	.lg\:hidden {
		display: none;
	}

	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, calc(100% / 2));
	}

	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, calc(100% / 3));
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, calc(100% / 4));
	}
}



/* max-xl: */
@media (1200px > width){}

/* xl: */
@media (1200px <= width){
	.xl\:grid-cols-2 {
		grid-template-columns: repeat(2, calc(100% / 2));
	}
	
	.xl\:grid-cols-3 {
		grid-template-columns: repeat(3, calc(100% / 3));
	}

	.xl\:grid-cols-5 {
		grid-template-columns: repeat(5, calc(100% / 5));
	}
}