* {
	/*
	box-sizing: border-box;
color: white;*/
}

.padding0
{grid-area: padding0;}
.padding1
{grid-area: padding1;}
.item1
{grid-area:item1;}
.item2
{grid-area:item2;}
.item3
{grid-area:item3;}
.item4
{grid-area:item4;}
.audio1
{grid-area:audio1;}
.audio2
{grid-area:audio2;}
.audio3
{grid-area:audio3;}
.audio4
{grid-area:audio4;}
.head0
{grid-area:head0

}
.head1
{grid-area:head1

}
.item
{
	background-color: blue;
    color: white;
}
.audio
{
	background-color: blue;
}

.grid-item {
	background-color: rgba(25, 25, 255, 0.8);
	background-color: #006063;
	font-size: 30px;
	text-align: center;
}
/*
.grid-container {
	display: grid;
	row-gap: 10px;
	background-color: #006064;
	grid-template-areas:
	'head0 head0 head0 head0 head0 head0 head0 head0'
	'head1 head1 head1 head1 head1 head1 head1 head1'
	'padding0 padding0 padding0 item1 audio1 padding1 padding1 padding1'
	'padding0 padding0 padding0 item2 audio2 padding1 padding1 padding1'
	'padding0 padding0 padding0 item3 audio3 padding1 padding1 padding1'
	'padding0 padding0 padding0 item4 audio4 padding1 padding1 padding1'
	'padding0 padding0 padding0 item4 audio4 padding1 padding1 padding1';
}
*/
/*@media only screen and  (max-width: 768px) {
*/

	.grid-container {
		
		display: grid;
		row-gap: 10px;
		background-color: #006064;
		/*background-color: #009063;*/
		grid-template-areas:
		'head0 head0 head0 head0  head0'
		'head1 head1 head1 head1 head1 '
		'padding0 padding0 item1  padding1 padding1'
		'padding0 padding0 audio1  padding1 padding1'
		'padding0 padding0 item2  padding1 padding1'
		'padding0 padding0 audio2  padding1 padding1'
		'padding0 padding0 item3  padding1 padding1'
		'padding0 padding0 audio3  padding1 padding1'
		'padding0 padding0 item4  padding1 padding1'
		'padding0 padding0 audio4  padding1 padding1';
		/*padding: 1px;*/
	}
/*}
*/