@charset "UTF-8";

.region-list
{
	display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
}

@media (min-width:635px)
{
	.region-list
	{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width:1040px)
{
	.region-list
	{
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width:1350px)
{
	.region-list
	{
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (min-width:1670px)
{
	.region-list
	{
		grid-template-columns: repeat(5, 1fr);
	}
}