/* Newsletter image */
#newsletter-image {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 45%; /* (img-height / img-width * container-width percentage) */
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
}

#newsletter-image #inschrijven-nieuwsbrief {
	position: absolute;
	top: -131px;
}

#newsletter-image .newsletter-image-content {
	position: absolute;
	width: 600px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	padding: 45px 0 0 0;
	text-align: center;
}

#newsletter-image .newsletter-image-content h2 {
	padding-bottom: 13px;
}

#newsletter-image .newsletter-image-content p {
	margin-bottom: 3px;
}

#newsletter-image .newsletter-image-content img.icon {
	position: relative;
	width: 74px;
	height: auto;
	top: -9px;
}

#newsletter-image .newsletter-image-content form {
	padding-top: 0;
}

#newsletter-image .newsletter-image-content form .field-wrapper {
	margin-bottom: 12px;
}

#newsletter-image .newsletter-image-content .form-control {
	background-color: #fff;
}

#newsletter-image .newsletter-image-content .btn-primary {
	margin-top: 0;
	padding: 10px 25px 10px 25px;
	background-color: #35cbfc;
}

#newsletter-image .newsletter-image-content .btn-primary:hover,
#newsletter-image .newsletter-image-content .btn-primary:focus {
	background-color: #00b3f0;
}

#form-newsletter-response {
	opacity: 0;
	visibility: hidden;
}

/* Responsive tablet */
@media (max-width: 992px) {

	/* Newsletter image */
	#newsletter-image #inschrijven-nieuwsbrief {
		top: -106px;
	}

	#newsletter-image .newsletter-image-content {
		width: 380px;
		padding: 30px 0 0 0;
	}

	#newsletter-image .newsletter-image-content h2 {
		padding-bottom: 0;
	}

	#newsletter-image .newsletter-image-content img.icon {
		width: 66px;
		top: -8px;
	}

	#newsletter-image .newsletter-image-content .btn-primary {
		margin-top: 0;
		padding: 7px 13px 7px 13px;
	}
}

/* Responsive phone */
@media (max-width: 576px) {

	/* Newsletter image */
	#newsletter-image {
		min-height: 360px;
		background-position: left bottom;
		background-color: #d3effd;
	}

	#newsletter-image .newsletter-image-content {
		width: 100%;
		padding: 30px 16px 0 16px;
	}
}