html {
  box-sizing: border-box;
  font-size: 16px;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.title {
	font-size: 30px;
	text-align: center;
	padding-top: 20px;
	padding-bottom:20px;
}

.contact {
	font-size: 30px;
	text-align: center;
	padding-top: 20px;
	padding-bottom:20px;
}

.geological_time {
	display: grid;
	grid-template-columns: 3fr 3fr 3fr 1fr 10fr;
	
	align-content: stretch;
	grid-template-areas:
		"c1_title c2_title c3_title c4_title c5_title"
		
		"c1_r1_s1 c2_r1_s1 c3_r1_s1 c4_r1_s1 c5_r1_s1"
		"c1_r1_s1 c2_r1_s2 c3_r1_s2 c4_r1_s2 c5_r1_s2"
		"c1_r1_s1 c2_r1_s3 c3_r1_s3 c4_r1_s3 c5_r1_s3"
		"c1_r1_s1 c2_r1_s4 c3_r1_s4 c4_r1_s4 c5_r1_s4"
		/*"c1_r1_s1 c2_r1_s5 c3_r1_s5 c4_r1_s5 c5_r1_s5"
		"c1_r1_s1 c2_r1_s6 c3_r1_s6 c4_r1_s6 c5_r1_s6"*/
		
		"c1_r2_s1 c2_r2_s1 c3_r2_s1 c4_r2_s1 c5_r2_s1"
		"c1_r2_s1 c2_r2_s2 c3_r2_s2 c4_r2_s2 c5_r2_s2"
		"c1_r2_s1 c2_r2_s3 c3_r2_s3 c4_r2_s3 c5_r2_s3"
		"c1_r2_s1 c2_r2_s4 c3_r2_s4 c4_r2_s4 c5_r2_s4"
		"c1_r2_s1 c2_r2_s5 c3_r2_s5 c4_r2_s5 c5_r2_s5"
		/*"c1_r2_s1 c2_r2_s6 c3_r2_s6 c4_r2_s6 c5_r2_s6"*/
		
		"c1_r3_s1 c2_r3_s1 c3_r3_s1 c4_r3_s1 c5_r3_s1"
		/*"c1_r3_s1 c2_r3_s2 c3_r3_s2 c4_r3_s2 c5_r3_s2"
		"c1_r3_s1 c2_r3_s3 c3_r3_s3 c4_r3_s3 c5_r3_s3"
		"c1_r3_s1 c2_r3_s4 c3_r3_s4 c4_r3_s4 c5_r3_s4"
		"c1_r3_s1 c2_r3_s5 c3_r3_s5 c4_r3_s5 c5_r3_s5"
		"c1_r3_s1 c2_r3_s6 c3_r3_s6 c4_r3_s6 c5_r3_s6"*/
		
		"c1_r4_s1 c2_r4_s1 c3_r4_s1 c4_r4_s1 c5_r4_s1"
		"c1_r4_s1 c2_r4_s2 c3_r4_s2 c4_r4_s2 c5_r4_s2"
		"c1_r4_s1 c2_r4_s3 c3_r4_s3 c4_r4_s3 c5_r4_s3"
		/*"c1_r4_s1 c2_r4_s4 c3_r4_s4 c4_r4_s4 c5_r4_s4"
		"c1_r4_s1 c2_r4_s5 c3_r4_s5 c4_r4_s5 c5_r4_s5"
		"c1_r4_s1 c2_r4_s6 c3_r4_s6 c4_r4_s6 c5_r4_s6"*/
		
		"c1_r5_s1 c2_r5_s1 c3_r5_s1 c4_r5_s1 c5_r5_s1"
		
		
		;
}

.row_1 {
	background: #000000;
}

.row_2 {
	background-color: #000000;
}

.row_3 {
	background-color: #000000;
}

.row_4 {
	background-color: #000000;
}

.row_5 {
	background-color: #e0e0e0;
	border: 1px solid black;
	border-bottom: 2px solid black;
}

.column_1 {
	
}

.column_2 {
	
}

.column_3 {
	
}


.column_4 {
	justify-content: center;
}

.column_5 {
	
}

row_header,
.row_1,
.row_2,
.row_3,
.row_4,

.column_2,
.column_3,
.column_4,
.column_5,
.column_6 {
	display:contents;
}

.grid_header {
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #f19a93;
	border: 1px solid;
	font-weight: 500;
}

.grid_row_1 {
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #2ee4ec;
	border: 1px solid;
	font-weight: 500;
}

.grid_row_2 {
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #a1f586;
	border: 1px solid;
	font-weight: 500;
}

.grid_row_3 {
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #efe81b;
	border: 1px solid;
	font-weight: 500;
}

.grid_row_4 {
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #ffb56a;
	border: 1px solid;
	font-weight: 500;
}

.base_info {
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	
	
	font-weight: 500;
	
}
.row_5 {
	justify-content: center;
}

.grid_column_1 {
	padding: 2px;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #f9a8bb;
	border: 1px solid;
	font-weight: 500;
	justify-content: center;
}

row_header > column_1 {
	grid-area: c1_title;
	
}

row_header>column_2 {
	grid-area: c2_title;
	
}

row_header>column_3 {
	grid-area: c3_title;
}

row_header>column_4 {
	grid-area: c4_title;
}

row_header>column_5 {
	grid-area: c5_title;
}
.row_1 > .column_1 {
	grid-area: c1_r1_s1;
	display: grid;
	grid-template-rows: auto max(1.5em) auto;
	justify-content: left;
}

.row_1 > .column_2 > .section_1 {
		grid-area: c2_r1_s1;
	}
.row_1 > .column_2 > .section_2 {
		grid-area: c2_r1_s2;
	}
.row_1 > .column_2 > .section_3 {
		grid-area: c2_r1_s3;
	}
.row_1 > .column_2 > .section_4 {
		grid-area: c2_r1_s4;
	}
.row_1 > .column_2 > .section_5 {
		grid-area: c2_r1_s5;
	}
.row_1 > .column_2 > .section_6 {
		grid-area: c2_r1_s6;
	}



.row_1 > .column_3 > .section_1 {
		grid-area: c3_r1_s1;
	}
.row_1 > .column_3 > .section_2 {
		grid-area: c3_r1_s2;
	}
.row_1 > .column_3 > .section_3 {
		grid-area: c3_r1_s3;
	}
.row_1 > .column_3 > .section_4 {
		grid-area: c3_r1_s4;
	}
.row_1 > .column_3 > .section_5 {
		grid-area: c3_r1_s5;
	}
.row_1 > .column_3 > .section_6 {
		grid-area: c3_r1_s6;
	}



.row_1 > .column_4 > .section_1 {
		grid-area: c4_r1_s1;
	}
.row_1 > .column_4 > .section_2 {
		grid-area: c4_r1_s2;
	}
.row_1 > .column_4 > .section_3 {
		grid-area: c4_r1_s3;
	}
.row_1 > .column_4 > .section_4 {
		grid-area: c4_r1_s4;
	}
.row_1 > .column_4 > .section_5 {
		grid-area: c4_r1_s5;
	}
.row_1 > .column_4 > .section_6 {
		grid-area: c4_r1_s6;
	}



.row_1 > .column_5 > .section_1 {
		grid-area: c5_r1_s1;
	}
.row_1 > .column_5 > .section_2 {
		grid-area: c5_r1_s2;
	}
.row_1 > .column_5 > .section_3 {
		grid-area: c5_r1_s3;
	}
.row_1 > .column_5 > .section_4 {
		grid-area: c5_r1_s4;
	}
.row_1 > .column_5 > .section_5 {
		grid-area: c5_r1_s5;
	}
.row_1 > .column_5 > .section_6 {
		grid-area: c5_r1_s6;
	}

.row_2 > .column_1 {
	grid-area: c1_r2_s1;
	display: grid;
	grid-template-rows: auto max(1.5em) auto;
	justify-content: left;
}





.row_2 > .column_2 > .section_1 {
		grid-area: c2_r2_s1;
	}
.row_2 > .column_2 > .section_2 {
		grid-area: c2_r2_s2;
	}
.row_2 > .column_2 > .section_3 {
		grid-area: c2_r2_s3;
	}
.row_2 > .column_2 > .section_4 {
		grid-area: c2_r2_s4;
	}
.row_2 > .column_2 > .section_5 {
		grid-area: c2_r2_s5;
	}
.row_2 > .column_2 > .section_6 {
		grid-area: c2_r2_s6;
	}



.row_2 > .column_3 > .section_1 {
		grid-area: c3_r2_s1;
	}
.row_2 > .column_3 > .section_2 {
		grid-area: c3_r2_s2;
	}
.row_2 > .column_3 > .section_3 {
		grid-area: c3_r2_s3;
	}
.row_2 > .column_3 > .section_4 {
		grid-area: c3_r2_s4;
	}
.row_2 > .column_3 > .section_5 {
		grid-area: c3_r2_s5;
	}
.row_2 > .column_3 > .section_6 {
		grid-area: c3_r2_s6;
	}



.row_2 > .column_4 > .section_1 {
		grid-area: c4_r2_s1;
	}
.row_2 > .column_4 > .section_2 {
		grid-area: c4_r2_s2;
	}
.row_2 > .column_4 > .section_3 {
		grid-area: c4_r2_s3;
	}
.row_2 > .column_4 > .section_4 {
		grid-area: c4_r2_s4;
	}
.row_2 > .column_4 > .section_5 {
		grid-area: c4_r2_s5;
	}
.row_2 > .column_4 > .section_6 {
		grid-area: c4_r2_s6;
	}



.row_2 > .column_5 > .section_1 {
		grid-area: c5_r2_s1;
	}
.row_2 > .column_5 > .section_2 {
		grid-area: c5_r2_s2;
	}
.row_2 > .column_5 > .section_3 {
		grid-area: c5_r2_s3;
	}
.row_2 > .column_5 > .section_4 {
		grid-area: c5_r2_s4;
	}
.row_2 > .column_5 > .section_5 {
		grid-area: c5_r2_s5;
	}
.row_2 > .column_5 > .section_6 {
		grid-area: c5_r2_s6;
	}

.row_3 > .column_1 {
	grid-area: c1_r3_s1;
	display: grid;
	grid-template-rows: auto max(1.5em) auto;
	justify-content: left;
}

.row_3 > .column_2 > .section_1 {
		grid-area: c2_r3_s1;
	}
.row_3 > .column_2 > .section_2 {
		grid-area: c2_r3_s2;
	}
.row_3 > .column_2 > .section_3 {
		grid-area: c2_r3_s3;
	}
.row_3 > .column_2 > .section_4 {
		grid-area: c2_r3_s4;
	}
.row_3 > .column_2 > .section_5 {
		grid-area: c2_r3_s5;
	}
.row_3 > .column_2 > .section_6 {
		grid-area: c2_r3_s6;
	}


.row_3 > .column_3 > .section_1 {
		grid-area: c3_r3_s1;
	}
.row_3 > .column_3 > .section_2 {
		grid-area: c3_r3_s2;
	}
.row_3 > .column_3 > .section_3 {
		grid-area: c3_r3_s3;
	}
.row_3 > .column_3 > .section_4 {
		grid-area: c3_r3_s4;
	}
.row_3 > .column_3 > .section_5 {
		grid-area: c3_r3_s5;
	}
.row_3 > .column_3 > .section_6 {
		grid-area: c3_r3_s6;
	}



.row_3 > .column_4 > .section_1 {
		grid-area: c4_r3_s1;
	}
.row_3 > .column_4 > .section_2 {
		grid-area: c4_r3_s2;
	}
.row_3 > .column_4 > .section_3 {
		grid-area: c4_r3_s3;
	}
.row_3 > .column_4 > .section_4 {
		grid-area: c4_r3_s4;
	}
.row_3 > .column_4 > .section_5 {
		grid-area: c4_r3_s5;
	}
.row_3 > .column_4 > .section_6 {
		grid-area: c4_r3_s6;
	}



.row_3 > .column_5 > .section_1 {
		grid-area: c5_r3_s1;
	}
.row_3 > .column_5 > .section_2 {
		grid-area: c5_r3_s2;
	}
.row_3 > .column_5 > .section_3 {
		grid-area: c5_r3_s3;
	}
.row_3 > .column_5 > .section_4 {
		grid-area: c5_r3_s4;
	}
.row_3 > .column_5 > .section_5 {
		grid-area: c5_r3_s5;
	}
.row_3 > .column_5 > .section_6 {
		grid-area: c5_r3_s6;
	}



.row_4 > .column_1 {
	grid-area: c1_r4_s1;
	display: grid;
	grid-template-rows: auto max(1.5em) auto;
	justify-content: left;
}

.row_4 > .column_2 > .section_1 {
		grid-area: c2_r4_s1;
	}
.row_4 > .column_2 > .section_2 {
		grid-area: c2_r4_s2;
	}
.row_4 > .column_2 > .section_3 {
		grid-area: c2_r4_s3;
	}
.row_4 > .column_2 > .section_4 {
		grid-area: c2_r4_s4;
	}
.row_4 > .column_2 > .section_5 {
		grid-area: c2_r4_s5;
	}
.row_4 > .column_2 > .section_6 {
		grid-area: c2_r4_s6;
	}


.row_4 > .column_3 > .section_1 {
		grid-area: c3_r4_s1;
	}
.row_4 > .column_3 > .section_2 {
		grid-area: c3_r4_s2;
	}
.row_4 > .column_3 > .section_3 {
		grid-area: c3_r4_s3;
	}
.row_4 > .column_3 > .section_4 {
		grid-area: c3_r4_s4;
	}
.row_4 > .column_3 > .section_5 {
		grid-area: c3_r4_s5;
	}
.row_4 > .column_3 > .section_6 {
		grid-area: c3_r4_s6;
	}



.row_4 > .column_4 > .section_1 {
		grid-area: c4_r4_s1;
	}
.row_4 > .column_4 > .section_2 {
		grid-area: c4_r4_s2;
	}
.row_4 > .column_4 > .section_3 {
		grid-area: c4_r4_s3;
	}
.row_4 > .column_4 > .section_4 {
		grid-area: c4_r4_s4;
	}
.row_4 > .column_4 > .section_5 {
		grid-area: c4_r4_s5;
	}
.row_4 > .column_4 > .section_6 {
		grid-area: c4_r4_s6;
	}



.row_4 > .column_5 > .section_1 {
		grid-area: c5_r4_s1;
	}
.row_4 > .column_5 > .section_2 {
		grid-area: c5_r4_s2;
	}
.row_4 > .column_5 > .section_3 {
		grid-area: c5_r4_s3;
	}
.row_4 > .column_5 > .section_4 {
		grid-area: c5_r4_s4;
	}
.row_4 > .column_5 > .section_5 {
		grid-area: c5_r4_s5;
	}
.row_4 > .column_5 > .section_6 {
		grid-area: c5_r4_s6;
	}

.row_5 {
	grid-column-start: c1_r5_s1;
	grid-column-end: c5_r5_s1;
	display: flex;
	justify-content: center;
}


.column_1_title {
	align-self: end;
}

.column_1_subject {
	align-self: center;
}

.column_1_time {
	align-self: start;
}



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

	.geological_time {
		display: grid;
		grid-template-columns: 2fr 3fr 3fr 1fr;
	
		align-content: stretch;
		grid-template-areas:
		"c1_title c2_title c3_title c4_title"
		
		"c1_r1_s1 c2_r1_s1 c3_r1_s1 c4_r1_s1"
		"c1_r1_s1 c5_r1_s1 c5_r1_s1 c5_r1_s1"
		
		"c1_r1_s1 c2_r1_s2 c3_r1_s2 c4_r1_s2"
		"c1_r1_s1 c5_r1_s2 c5_r1_s2 c5_r1_s2"
		
		
		"c1_r2_s1 c2_r2_s1 c3_r2_s1 c4_r2_s1"
		"c1_r2_s1 c5_r2_s1 c5_r2_s1 c5_r2_s1"
		
		"c1_r2_s1 c2_r2_s2 c3_r2_s2 c4_r2_s2"
		"c1_r2_s1 c5_r2_s2 c5_r2_s2 c5_r2_s2"
		
		"c1_r2_s1 c2_r2_s3 c3_r2_s3 c4_r2_s3"
		"c1_r2_s1 c5_r2_s3 c5_r2_s3 c5_r2_s3"
		
		"c1_r2_s1 c2_r2_s4 c3_r2_s4 c4_r2_s4"
		"c1_r2_s1 c5_r2_s4 c5_r2_s4 c5_r2_s4"
		
		"c1_r2_s1 c2_r2_s5 c3_r2_s5 c4_r2_s5"
		"c1_r2_s1 c5_r2_s5 c5_r2_s5 c5_r2_s5"
		/*"c1_r2_s1 c2_r2_s6 c3_r2_s6 c4_r2_s6 c5_r2_s6"*/
		
		"c1_r3_s1 c2_r3_s1 c3_r3_s1 c4_r3_s1"
		"c1_r3_s1 c5_r3_s1 c5_r3_s1 c5_r3_s1"
		/*"c1_r3_s1 c2_r3_s2 c3_r3_s2 c4_r3_s2 c5_r3_s2"
		"c1_r3_s1 c2_r3_s3 c3_r3_s3 c4_r3_s3 c5_r3_s3"
		"c1_r3_s1 c2_r3_s4 c3_r3_s4 c4_r3_s4 c5_r3_s4"
		"c1_r3_s1 c2_r3_s5 c3_r3_s5 c4_r3_s5 c5_r3_s5"
		"c1_r3_s1 c2_r3_s6 c3_r3_s6 c4_r3_s6 c5_r3_s6"*/
		
		"c1_r4_s1 c2_r4_s1 c3_r4_s1 c4_r4_s1"
		"c1_r4_s1 c5_r4_s1 c5_r4_s1 c5_r4_s1"
		
		"c1_r4_s1 c2_r4_s2 c3_r4_s2 c4_r4_s2"
		"c1_r4_s1 c5_r4_s2 c5_r4_s2 c5_r4_s2"
		
		"c1_r4_s1 c2_r4_s3 c3_r4_s3 c4_r4_s3"
		"c1_r4_s1 c5_r4_s3 c5_r4_s3 c5_r4_s3"
		/*"c1_r4_s1 c2_r4_s4 c3_r4_s4 c4_r4_s4 c5_r4_s4"
		"c1_r4_s1 c2_r4_s5 c3_r4_s5 c4_r4_s5 c5_r4_s5"
		"c1_r4_s1 c2_r4_s6 c3_r4_s6 c4_r4_s6 c5_r4_s6"*/
		
		"c1_r5_s1 c2_r5_s1 c3_r5_s1 c4_r5_s1"
		
		
		;
	}

	row_header > column_5 {
		display: none;
	}
}


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

	.geological_time {
		display: grid;
		grid-template-columns: 2fr 3fr 3fr;
	
		align-content: stretch;
		grid-template-areas:
		"c4_title c2_title c3_title"
		
		"c4_r1_s1 c2_r1_s1 c3_r1_s1"
		"c4_r1_s1 c5_r1_s1 c5_r1_s1"
		
		"c4_r1_s2 c2_r1_s2 c3_r1_s2"
		"c4_r1_s2 c5_r1_s2 c5_r1_s2"
		
		
		"c4_r2_s1 c2_r2_s1 c3_r2_s1"
		"c4_r2_s1 c5_r2_s1 c5_r2_s1"
		
		"c4_r2_s2 c2_r2_s2 c3_r2_s2"
		"c4_r2_s2 c5_r2_s2 c5_r2_s2"
		
		"c4_r2_s3 c2_r2_s3 c3_r2_s3"
		"c4_r2_s3 c5_r2_s3 c5_r2_s3"
		
		"c4_r2_s4 c2_r2_s4 c3_r2_s4"
		"c4_r2_s4 c5_r2_s4 c5_r2_s4"
		
		"c4_r2_s5 c2_r2_s5 c3_r2_s5"
		"c4_r2_s5 c5_r2_s5 c5_r2_s5"
		/*"c1_r2_s1 c2_r2_s6 c3_r2_s6 c4_r2_s6 c5_r2_s6"*/
		
		"c4_r3_s1 c2_r3_s1 c3_r3_s1"
		"c4_r3_s1 c5_r3_s1 c5_r3_s1"
		/*"c1_r3_s1 c2_r3_s2 c3_r3_s2 c4_r3_s2 c5_r3_s2"
		"c1_r3_s1 c2_r3_s3 c3_r3_s3 c4_r3_s3 c5_r3_s3"
		"c1_r3_s1 c2_r3_s4 c3_r3_s4 c4_r3_s4 c5_r3_s4"
		"c1_r3_s1 c2_r3_s5 c3_r3_s5 c4_r3_s5 c5_r3_s5"
		"c1_r3_s1 c2_r3_s6 c3_r3_s6 c4_r3_s6 c5_r3_s6"*/
		
		"c4_r4_s1 c2_r4_s1 c3_r4_s1"
		"c4_r4_s1 c5_r4_s1 c5_r4_s1"
		
		"c4_r4_s2 c2_r4_s2 c3_r4_s2"
		"c4_r4_s2 c5_r4_s2 c5_r4_s2"
		
		"c4_r4_s3 c2_r4_s3 c3_r4_s3"
		"c4_r4_s3 c5_r4_s3 c5_r4_s3"
		/*"c1_r4_s1 c2_r4_s4 c3_r4_s4 c4_r4_s4 c5_r4_s4"
		"c1_r4_s1 c2_r4_s5 c3_r4_s5 c4_r4_s5 c5_r4_s5"
		"c1_r4_s1 c2_r4_s6 c3_r4_s6 c4_r4_s6 c5_r4_s6"*/
		
		"c2_r5_s1 c3_r5_s1 c4_r5_s1"
		
		
		;
	}
	
	.row_5 {
		grid-column-start: c2_r5_s1;
		grid-column-end: c4_r5_s1;
	}
	
	row_header > column_1 {
		display: none;
	}
	
	.column_1 {
		display: none !important
	}
	
}