/* Services */
.services-img {
/* 	max-height: 400px; */
}
.services-title-text {
	position: absolute;
	top: 30%;
	padding-left: 4em;
	padding-right: 4em;
	transform: translateY(-50%);
	color: white;
}
.services-title {
	font-family: 'Times';
	font-size: 3em;
}
.services-short {
	font-size: .7em;
}

.text-1,
.text-2 {
	margin-top: 3em;
	padding-left: 1em;
	padding-right: 1em;
}

.contact-popup {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	left: 50%;
	top: 0;
	background-color: #f7f7f7;
	transform: translate(-50%, -100%);
	overflow: scroll;
}
.contact-popup.active {
	animation: showContactPopup .7s both;
}
.contact-popup.inactive {
	animation: hideContactPopup .7s both;
}
@keyframes showContactPopup {
	0% {
		transform: translate(-50%, -100%);
	}
	100% {
		transform: translate(-50%, 0%);
	}
}
@keyframes hideContactPopup {
	0% {
		transform: translate(-50%, 0%);
	}
	100% {
		transform: translate(-50%, -100%);
	}
}

.contact-popup .wrapper {
	position: absolute;
	background-color: #f7f7f7;
	max-width: 700px;
	width: 95%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 2em;
}
.contact-popup .col {
	padding: 1em;
}

.contact-popup .wrapper .return-message {
	opacity: 0;
	transition: opacity ease-in-out .3s;
}
.contact-popup .wrapper .return-message.show {
	opacity: 1;
}

.contact-popup .wrapper .return-message p {
	font-weight: bold;
}

.contact-popup .wrapper .contact-form {
	transition: opacity ease-in-out .3s;
}
.contact-popup .wrapper .contact-form.hide .row {
	opacity: 0;
}

.contact-popup .contact-popup-btn-close {
	position: fixed;
	top: 0;
	right: 10px;
	width: 60px;
	height: 80px;
	font-size: 1.3em;
	z-index: 5;
}
.contact-popup .contact-popup-btn-close .fas {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


@media (min-width: 768px) {
	.services-title {
		font-size: 5em;
	}
	.services-short {
		font-size: 1em;
	}
	.text-1 {
		padding-left: 6em;
		padding-right: 0em;
	}
	.text-1 .text {
		padding-top: 6em;
	}
	.text-1 .image {
		padding-right: 0;
	}
	.text-1 .image .img-fluid {
/* 		max-width: 120%; */
	}
	.text-2 {
		padding-left: 0em;
		padding-right: 6em;
	}
	.text-2 .text {
		padding-top: 6em;
		text-align: right;
	}
	.text-2 .image {
		padding-left: 0;
	}
	.text-2 .image .img-fluid {
/* 		max-width: 120%; */
	}
}
@media (min-width: 992px) {
	.services-title {
		font-size: 6em;
	}
	.services-short {
		font-size: 1.2em;
	}
}
@media (min-width: 1200px) {
	.services-title-text {
		top: 30%;
		padding-left: 10em;
		padding-right: 10em;
	}
	.text-1,
	.text-2 {
		margin-top: 6em;
		padding-left: 0em;
		padding-right: 0em;
	}
}
@media (min-width: 1500px) {
	.services-title {
		font-size: 8em;
	}
}