			.cssgrid.padding>div
{
	padding-top: 0.25em; padding-bottom: 0.25em; 
	padding-left: 0.25em; padding-right: 0.25em; 
	margin-top:2px;
	margin-left:2px;
	background-color:#a1d8f6;
	color:black;
	text-align:center;
	max-width: 100vw;
}

.cssgrid.padding>div.nobg
{
	background: none;
	text-align:left;
}

.cssgrid>div.tick::before
{
	content: '';
	height: 1em;
	background-image: url('/img/tick_small.png');
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 1em;
	display:block;
}

.cssgrid>div.cross::before
{
	content: '';
	height: 1em;
	background-image: url('/img/cross_small.png');
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-size: 0.8em;
	display:block;
}

.cssgrid .column1 {	grid-column-start:1; }
.cssgrid .column2 {	grid-column-start:2; }
.cssgrid .column3 {	grid-column-start:3; }
.cssgrid .column4 {	grid-column-start:4; }
.cssgrid .column5 {	grid-column-start:5; }

.cssgrid .span2 {	grid-column-end: span 2; }
.cssgrid .span3 {	grid-column-end: span 3; }
.cssgrid .span4 {	grid-column-end: span 4; }

.cssgrid div.heading
{
	color: #ffffff; background-color: #008cd1;
	text-align:left;
}

.cssgrid>div.light
{
	background-color: #d3ecfa;
}

@media only screen and (max-width:920px){
	
	.cssgrid
	{
		font-size:0.8em; 
	}
	
	.cssgrid.padding>div
{
	padding-top: 0.15em; padding-bottom: 0.15em; 
	padding-left: 0.15em; padding-right: 0.15em; 
	margin-top:1px;
	margin-left:1px
}	
	
}

@media only screen and (max-width:700px){
	
	.cssgrid
	{
		font-size:0.6em; 
	}
	
}