@charset "utf-8";

.container {
width: 1560px;
margin: auto;
}


#carte {
width: 100%;
height: 50em;
}

.marker {
background-image: url("../images/mapbox-marker.png");
width: 20px;
height: 48px;
cursor: pointer;
}





@media only screen and (min-width: 1200px) and (max-width: 1599px) {
	.container {
	width: 1200px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	h1 {
	padding: 0 1rem;
	}

	.container {
	width: calc(100% - 2em);
	margin: auto;
	padding: 0 1em;
	}

	section#main {
	width: 100%;
	}

	.col50 {
	display: grid !important;
	}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.col50 {
	display: grid !important;
	}

}

@media only screen /*and (min-width: 768px)*/ and (max-width: 991px) {
	h1 {
	padding: 0 1rem;
	}

	.container {
	width: calc(100% - 2em);
	margin: auto;
	padding: 0 1em;
	}

	section#main {
	width: 100%;
    grid-template-columns: 1fr;
	}

	.col50 input {
	margin-bottom: 2em;
	}

}

@media only screen /*and (min-width: 576px)*/ and (max-width: 767px) {
	#last ul {
	grid-template-columns: repeat(1, 1fr);
	gap: 1em;
	}
}

@media only screen and (max-width: 575px) {
}