#services {

	margin-top: 12%;
	margin-bottom: 12%;
	text-align: center;
}

#presta {

	display: flex;
	justify-content: space-evenly;
	margin-top: 4%;
	margin-bottom: 4%;
}

#services .button {

    width: 9%;
    justify-content: center;
    margin: auto;
}

#presta div {

	width: 20%;
}

#consultation {

	display: flex;
}

#consultation span {

	background-color: var(--gray);
}

#consultation span div {

	width: 70%;
	padding-top: 10%;
	margin: auto;
}

#consultation img {

	width: 55%;
    height: auto;
    object-fit: cover;
}

#consultation .button {

	margin-top: 0;
	margin: auto;
    width: 51%;
    justify-content: center;
}

@media all and (min-width: 1600px) {

	#consultation span div {

		padding-top: 13%
	}
}

@media all and (max-width: 1370px) {


	#consultation .button {

		width: 59%;
	}

	#consultation span div {

		padding-top: 4%;
	}
}

@media all and (max-width: 1280px) {

	#services .button {

		width: 12%;
	}

	#consultation .button {

		width: 71%;
	}

	#consultation span div {

		padding-top: 3%;
		padding-bottom: 5%;
		width: 80%;
	}
}

@media all and (max-width: 1024px) {

	#presta div {

		width: 29%;
	}

	#services .button {

		width: 14%;
	}

	#consultation img {

		width: 55%;
	}
}

@media all and (max-width: 960px) {

	#presta div {

		width: 31%;
	}

	#consultation img {

		width: 50%;
	}
}

@media all and (max-width: 768px) {

	#presta img {

		width: 17%;
	}

	#consultation {

		flex-direction: column-reverse;
	}

	#consultation img {

		width: 100%;
	}

	#consultation span div {

		text-align: center;
	}

	#consultation .button {

		width: 41%;
	}

	#services .button {

		width: 17%;
	}
}

@media all and (max-width: 480px) {

	#presta {

		flex-direction: column;
	}

	#presta div {

		width: 90%;
		margin: auto;
	}

	#presta img {

		width: 15%;
	}

	#services .button {

		width: 27%;
	}

	#consultation .button {

		width: 66%;
	}


} 

@media all and (max-width: 414px) {

	#services .button {

		width: 31%;
	}

	#consultation .button {

		width: 77%;
	}

	#services h2 {

		width: 90%;
	    margin-right: auto;
	    margin-left: auto;
	}
}

@media all and (max-width: 321px) {

	#presta div {

		width: 100%;
	}

	#services .button {

		width: 35%;
	}

	#consultation span div {

		width: 95%;
	}

	#consultation .button {

		width: 73%;
	}
}