.logo {
    background: url('logo-a3x.png') no-repeat left top;
}

.hero {
	height: 480px;
	margin-top: 1px;
	background: url(bg2.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}

.item__wrapper {
	max-width: 700px;
}

.hero__content h1 {
	margin-top: -15px;
	font-size: 36px;
	font-family: LatoHeavy, sans-serif;
	font-weight: normal;
	letter-spacing: 8px;
	text-align: center;
	color: white;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.hero__content h5 {
	font-size: 22px;
	font-weight: normal;
	color: white;
	letter-spacing: 1px;
	margin-bottom: 65px;
}

.hero__description p {
	font-size: 20px;
	line-height: 25px;
	text-align: justify;
}

.wtb {
	position: absolute;
	height: 120px;
	left: -600px;
	top: 0;
}

.wtb-choices {
	position: relative;
	margin: 0 auto;
}

.mts {
	position: absolute;
	left: -10px;
	top: 90px;
	background: url(mts.png) no-repeat top left;
	background-size: contain;
	width: 200px;
	height: 70px;
}

.bee {
	position: absolute;
	left: 250px;
	top: 90px;
	background: url(bee.png) no-repeat top left;
	background-size: contain;
	width: 204px;
	height: 70px;
}

@media only screen and (max-width: 1300px) {
	.wtb {
		left: -515px;
	}
}

.hero__sideimage-5, .hero__sideimage-3v {
	top: 335px;
}