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

	/* Header */

	#headerimage #teaserbox {
		top: 30px;
	}

	#headerimage #teaserbox h3 {
		font-size: 18px;
		line-height: 24px;
	}

	/* Main */

	#services,
	footer {
		padding: 60px;
	}

	.reference_box {
		width: calc(50% - 12px);
		margin: 0px 0px 0px 24px;
		margin-bottom: 25px;
	}

	.reference_box:nth-child(odd) {
		margin-left: 0px;
	}

	.reference_box:last-child {
		margin: 0 auto;
		float: none;
		overflow: hidden;
	}

}

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

	body {
		font-size: 16px;
	}

	#mainnav {
		font-size: 14px;
	}

	#headerimage #teaserbox {
		position: static;
		width: 100%;
		color: #fff;
		padding: 20px;
		background: rgba(97,107,117,0.2);
		box-sizing: border-box;
	}

	#headerimage #teaserbox h3 {
		font-size: 14px;
		line-height: 20px;
	}

	#services,
	footer {
		padding: 30px;
	}

	.reference_box {
		width: 100%;
		margin: 0px 0px 25px 0px;
	}