/* ————————————————————————*/
/* Stylesheet for the record
/* Responsiveness
/* ————————————————————————*/

@media (min-width: 788px) and (max-width: 1280px) {
	.col-2 {
		width: calc(100% / 2 - 10px);
	}
	.three-columns {
		column-count: 2;
	}
}


@media (min-width: 1600px)  {
	.three-columns {
		column-count: 4;
	}
}

@media (max-width: 787px) {
	body {
		font-size: 14px;
	}
	.two-columns {
		column-count: 1;
	}
	.three-columns {
		column-count: 1;
	}
	.col {
		margin: 2.5px;
	}
	.col-3 {
		width: calc(100% / 2 - 5px);
	}
	.col-2, .col-4 {
		width: calc(100%  - 5px);
	}
	.col-6 {
		width: calc(100%  - 5px);
	}

}