/*
 ************************************************************
 *
 * CHILD-GRID
 *
 ************************************************************
 *
 * - WRAP
 */

#top .css-grid
{
	display: grid;
	grid-gap: 30px;
}

@media only screen and (max-width: 767px)
{

	#top .css-grid.cols-2,
	#top .css-grid.cols-3,
	#top .css-grid.cols-4
	{
		grid-template-columns: repeat(1, 1fr);
	}

}

@media only screen and (min-width: 768px)
{

	#top .css-grid.cols-2,
	#top .css-grid.cols-3,
	#top .css-grid.cols-4
	{
		grid-template-columns: repeat(2, 1fr);
	}

}

@media only screen and (min-width: 1280px)
{

	#top .css-grid.cols-2
	{
		grid-template-columns: repeat(2, 1fr);
	}

	#top .css-grid.cols-3
	{
		grid-template-columns: repeat(3, 1fr);
	}

	#top .css-grid.cols-4
	{
		grid-template-columns: repeat(4, 1fr);
	}

}