#topbanner {
	padding:	25% 0 0 0;
}

#labo {
	padding:		1em 0 1em 0;
	background:		#373737;
}
#labo .title-primary {
	margin-top: 	.5em;
	padding-bottom: 0;
	font-size:		2em;
	font-weight: 	200;
}

#labo .grid-wrapper {
	margin-top: 	2em;
}
#labo .grid-item {
	margin-bottom: 	1em;
	width: 			100%;
	text-decoration: none;
	background: 	#222;
}
#labo .grid-thumb {
	padding-top:			55%;
	background-position: 	0 0;
	background-repeat: 		no-repeat;
	background-size: 		100% auto;
}
#labo .grid-text {
	padding:		1em;
	text-align:		left;
}
#labo .grid-text h4 {
	font-size:		1.3em;
	padding:		0 0 .3em 0;
}
#labo .grid-text p {
	padding-bottom:	.5em;
	font-size:		.8em;
	line-height: 	1.4em;
}


@media (min-width: 45em){
	#labo .main-wrapper {
		padding-bottom: 2em;
		transform:		none;
	}
	#labo .grid-item {
		display: 		inline-table;
	}
	#labo .grid-thumb,
	#labo .grid-text {
		position: 		relative;
		display: 		table-cell;
	}
	#labo .grid-thumb {
		padding-top:	25%;
		width:			25%;
		background-position: top center;
		background-size: auto 100%;
	}
	#labo .grid-text {
		vertical-align: middle;
	}
}
@media (min-width: 60em){
	#labo {
		text-align: 	center;
	}
	#labo .main-wrapper {
		text-align: 	left;
	}
	#labo .grid-thumb {
		padding-top:	20%;
		width:			20%;
	}
}
@media (min-width: 70em){
	#labo .grid-item {
		margin:			1%;
		width:			31%;
	}
	#labo .grid-thumb,
	#labo .grid-text {
		display:		block;
	}
	#labo .grid-thumb {
		padding-top:	55%;
		width:			100%;
		background-position: center;
		background-size: 100% auto;
	}
	#labo .grid-text {
		height: 	15em;
	}
	#labo .grid-sandbox .grid-text {
		height: 	9em;
	}
	#labo .grid-text h4 {
		padding-bottom: .7em;
	}
}
@media (min-width: 90em){
	#topbanner {
		padding:	18em 0 0 0;
	}
}