/*Image - content*/

.image-content {
	position: relative;
}

.image-content-img {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	max-height: 100%;
	width: 50%;
	-o-object-fit: cover;
	   object-fit: cover;
}

.image-content-text {
	min-height: 28.57em;
	max-width: 26.5em;
}

.image-content-text .button {
	margin-top: 1.8em;
}

.image-content.image-content-right .image-content-img {
	left: 0;
}

.image-content.image-content-right .image-content-text {
	margin-left: auto;
}

@media (max-width: 767px){
	.image-content {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}

	.image-content-img,
	.image-content.image-content-right .image-content-img {
		position: relative;
		left: 15px;
		width: calc(100% - 30px);
	}

	.image-content.image-content-right .image-content-text {
		margin-left: 0;
	}

}

@media (max-width: 480px){
	.image-content-img {
		margin-bottom: 10px;
	}

	.image-content-text {
		min-height: auto;
		margin-top: 2.7em;
		margin-bottom: 1.6em;
	}

	.image-content-text .button {
		margin-top: 0;
	}

	.image-content-img, 
	.image-content.image-content-right .image-content-img {
		left: 30px;
		width: calc(100% - 60px);
	}

}