.types_collage .t1, .types_collage .t1.huge {
	line-height: 1;	
}
.types_collage a {
	color: inherit;
	text-decoration: none;	
}
.types_collage a:hover {
	text-decoration: underline;	
}
.types_collage {
	display: grid;
	grid-template-columns:  1fr 1fr 1fr 1fr;
	grid-template-rows:  200px auto;
	column-gap: 40px;
	row-gap: 0;
	margin-top: 80px;
	margin-bottom: 80px;
}
.types_collage header {
	grid-column: 1/3;
}
.types_collage header p {
	padding-top: 30px;	
}
.types_collage .c1 {
	grid-column: 1/2;
	grid-row: 2/3;
	align-self: center;
}

.types_collage .c2 {
	grid-column: 2/3;
	grid-row: 2/3;
}
.types_collage .c3 {
	grid-column: 3/4;
	grid-row: 1/3;
}
.types_collage .c4 {
	grid-column: 4/5;
	grid-row: 2/3;
}

.types_collage .typebox {
	margin-bottom: 40px;
	background: var(--brown-blackish);
	border-radius: 8px;
	overflow: hidden;	
}
.types_collage .c3 .typebox:last-child,
.types_collage .c1 .typebox {
	background: var(--brown-yellowish);
}
.types_collage .c4 .typebox:first-child,
.types_collage .c2 .typebox:first-child {
	background: var(--brown-reddish);
}
.types_collage .typebox .body {
	font-weight: 300;
	font-size: 18px;
	padding: 30px;	
}
.types_collage .typebox .body p {
	margin: 0;
	padding: 20px 0 0 0;	
}

.types_collage .typebox footer {
	margin-top: -30px;
	padding: 20px 30px 30px 30px;	
}

.types_collage .typebox footer li {
	border-top: 1px solid var(--border-gray);
	padding: 10px 0;
}
.types_collage .typebox footer a {
	text-decoration: none;
	color: inherit;	
}


@media (max-width: 1200px) {
	.types_collage {
		grid-template-columns:  1fr 1fr 1fr;
	}
	.types_collage .c4 {
		display: none;	
	}
}

@media (max-width: 1000px) {
	.types_collage {
		grid-template-columns:  1fr 1fr;
	}
	.types_collage header {
		grid-column: 1/2;
	}
	.types_collage .c1 {
		grid-column: 1/2;
		grid-row: 2/3;
		align-self: end;
	}
	
	.types_collage .c2 {
		grid-column: 2/3;
		grid-row: 1/3;
	}
	.types_collage .c3 {
		grid-column: 1/3;
		grid-row: 3/4;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 40px;
	}
}
@media (max-width: 799px) {
	.types_collage .c3,
	.types_collage {
		grid-gap: 20px;
		row-gap: 0;
	}
	.types_collage .typebox {
		margin-bottom: 20px;
	}
}
@media (max-width: 600px) {
	.types_collage header {
		text-align:center;	
	}
	.types_collage .c3,
	.types_collage {
		display: block;
	}
}