#contact {

	text-align: center;
	margin-top: 8%;
	margin-bottom: 5%;
}

#contact span {

	display: flex;
    margin-top: 4%;
    width: 86%;
    margin-left: auto;
    margin-right: auto;
}

#contact div {

	margin-left: 5%;
	text-align: left;
}

#contact .button {

	margin-top: 0;
	width: 100%;
    justify-content: center;
    margin-bottom: 15%;
}

#contact img {

	object-fit: cover;
}

#contact hr {

	margin-bottom: 30%;
    margin-top: 10%;
}

.reseaux_sociaux{

	display: flex;
	width: 100%;
    justify-content: center;
}

.reseaux_sociaux a {

	margin: 0;
	margin-top: 0;
	margin-left: 23%;
}

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

	#contact .button {

		width: 70%;
	}

	#contact .reseaux_sociaux {

		width: 50%;
		margin-left: 13%;
	}
}

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

	#contact img {

		width: 62%;
	}

	#contact .button {

		width: 74%;
	}

	#contact .reseaux_sociaux {

		width: 60%;
		margin-left: 16%;
	}
}

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

	#contact .button {

		width: 70%;
	}

	#contact .reseaux_sociaux {

		width: 50%;
		margin-left: 14%;
	}
}

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

	#contact hr {

		margin-bottom: 15%;
	}

	#contact span {

		width: 100%;
	}

	#contact img {

		width: 55%;
	}

	#contact .button a {

		font-size: 10px;
	}

	#contact .button {

		width: 60%;
	}
}

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

	#contact span {

		flex-direction: column;
	}

	#contact img {

		width: 100%;
	}

	#contact div {

		text-align: center;
		margin-left: 0;
	}

	#contact hr {

		margin-left: auto;
	}

	#contact .button {

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

	#contact .reseaux_sociaux {

		flex-direction: row;
		width: 40%;
		margin-left: 25%;
		margin-top: -30px;
	}
} 

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

	#contact .button {

		width: 46%;
	}
}