@media screen and (max-width: 800px) {
	#grid > .image {
		width: 50%;
	}
}

@media screen and (max-width: 1000px) {
	#competence > div {
		width: 50%;
	}
}

@media screen and (max-width: 700px) {
	#competence > div {
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	#grid > h2.subslogan.smartphone-only {
		margin: 15px 15px 0 15px;
	}

	#grid > .image {
		width: 100%;
	}

	#second-grid > .cell {
		width: 100%;
	}
}