.logo-image {
    height: 100px;
    margin: 10px;
}


	body {
		font: 100%/1.5 sans-serif;
	}
	.wrapper {
		margin: 0 auto;
	}
	.box {
		width: 100%;
		border: 1px solid gray;
		padding: 1em;
		float: left;
		margin: 10px;
		background-color: #d4d927;
		box-shadow: 6px 6px 6px 6px gray;
	}
	.cf:after {
		content: " ";
		display: table;
		clear: both;
	}
	@media only screen and (min-width: 700px) {
		.box {
			width: 50%;
		}
		.wrapper div:nth-child(3) {
			margin: 0 auto;
			float: none;
			clear: left;
		}
	}
	@media only screen and (min-width: 900px) {
		.box {
			width: 30%;
		}
		.wrapper {
			max-width: 1900px;
		}
		.wrapper div:nth-child(3) {
			float: left;
			clear: none;
			margin: 10px;
		}
	}