*
{
	margin: 0px;
	padding: 0px;
}
body{
			color: #fff;
			font-family: 'Nunito Semibold';
			text-align: center;
		}
		#content{
			display: grid;
/* 			grid-template-columns: auto auto auto; 
			grid-template-columns: 1fr 2fr 1fr;
			grid-template-columns: repeat(3, 1fr);
		grid-template-columns: 30% 20% 50%;
*/			grid-template-columns: repeat(3, 1fr); 
/*			grid-auto-rows: 100px; */
			grid-template-rows: repeat(2, auto);
/*			grid-gap: 20px;
	*/		grid-column-gap: 10px;
			grid-row-gap: 5px;
/*			grid-auto-rows: minmax(100px, auto);
	*/		max-width: auto;
			margin: 0 auto;
		}
		#content div{
			display: grid;
			background: #3bbced;
			padding: 0px;
			font-size: 2.5vw;
			
		}
		#content div:nth-child(even){
		background: #777;
		}
		.nested {
			display: grid;
			grid-template-columns: auto auto;
			grid-gap: 5px;
/*			grid-column: span 3;
	*/		grid-column: 1 / 4;
		}
		.nested p{
			border: 1px solid #fff;
			padding: 20px;
			margin: 0;
		}