body {
	font-family: Arial, Helvetica, sans-serif;
}
.grid-container {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 0.5fr 1fr auto 1fr;
	grid-auto-columns: 1fr;
	grid-auto-flow: row;
	grid-auto-rows: minmax(1fr, auto);
	row-gap: 0px;
	column-gap: 0px;
	/* grid-template-areas: 
	"elem1 elem1 elem2"
	"elem3 elem4 elem2"
	"elem5 elem4 elem6"; */
}
#grid div {
	background-color: white;
	color:#616161;
	padding:0.5em;
}
.elem_1 {
	grid-area: elem1;
	grid-column: 1 / 4;
	grid-row: 1/2;
	text-align:right;
	vertical-align:middle;
}
.elem_2 {
	grid-area: elem2;
	grid-column: 1 / 3;
	grid-row: 2/3;
}
.elem_3 {
	grid-area: elem3;
	grid-column: 1/2;
	grid-row: 3/4;
	vertical-align:absbottom;
}
.elem_4 {
	grid-area: elem4;
	grid-column: 2/4;
	grid-row: 3/4;
}
.elem_5 {
	grid-area: elem5;
	grid-column: 2/3;
	grid-row: 4/5;
}
.elem_6 {
	grid-area: elem6;
	grid-column: 3/4;
	grid-row: 4/5;
	text-align:right;
}
h1 {
	font-size: 3em;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
h3 {
	font-size:1.25em;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
p {
	font-size: 0.8em;
}
img.full {
	width:100%;
}
@media only screen and (max-width: 768px) {
	/* For mobile phones: */
	[class*="col-"] {
	  width: 100%;
	}
	.grid-container {
		background: rgb(2,0,36);
		background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(52,52,52,1) 50%, rgba(2,0,36,1) 100%);
		display:grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-auto-columns: 1fr;
		grid-auto-flow: row;
		grid-auto-rows: minmax(1fr, auto);
		row-gap: 0px;
		column-gap: 0px;
		grid-template-areas: 
		"elem1"
		"elem2"
		"elem3"
		"elem4"
		"elem5"
		"elem6";
	}
	#grid div {
		background-color: rgba(0,0,0,0);
		color:white;
		padding:0.5em;
	}
	.elem_1 {
		grid-area: elem1;
	}
	.elem_2 {
		grid-area: elem2;
	}
	.elem_3 {
		grid-area: elem3;
	}
	.elem_4 {
		grid-area: elem4;
	}
	.elem_5 {
		grid-area: elem5;
	}
	.elem_6 {
		grid-area: elem6;
		text-align:left;
	}
	h1 {
		font-size: 2em;
		font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	}
  }