/*section #header */

/*section #accueil */
.homepage-banner {
	background-image: url(../img/02-banners/homepage-bg.jpg);
	background-position: center;
	height: 800px;
}

.contact-banner {
	background-image: url(../img/02-banners/contact-banner.jpg);
	background-position: center;
	height: 800px;
}

/* section #services */

/* section #projets */

/* Media queries*/

#cwp-banner {
	background-image: url(../img/02-banners/cwp-banner.png);
	height: 550px;
}

#m3c-banner {
	background-image: url(../img/02-banners/m3c-banner.jpg);
	height: 550px;
}

#pz-banner {
	background-image: url(../img/02-banners/pz-banner.png);
	height: 500px;
}

#systematix-banner {
	background-image: url(../img/02-banners/systematix-banner.png);
	height: 500px;
}

#scal-banner {
	background-image: url(../img/02-banners/scal-banner.png);
	height: 500px;
}

#ol-banner {
	background-image: url(../img/02-banners/ol-banner.png);
	height: 500px;
}

#reitmans-banner {
	background-image: url(../img/02-banners/reitmans-banner.png);
	height: 500px;
}

#os4-banner {
	background-image: url(../img/02-banners/os4-banner.png);
	height: 500px;
}

footer#contact {
	background-image: url(../img/02-banners/footer-bg.png);
	height: 125px;
	background-position: center;
}

/* Small screens (≥576px) */
@media only screen and (max-width: 576px) {
	#cwp-banner {
		background-image: url(../img/02-banners/cwp-banner-mobile-2.png);
		height: 500px;
	}

	#m3c-banner {
		background-image: url(../img/02-banners/m3c-banner-mobile.png);
		height: 550px;
	}

	#pz-banner {
		background-image: url(../img/02-banners/pz-banner-mobile.png);
		height: 500px;
	}

	#systematix-banner {
		background-image: url(../img/02-banners/systematix-banner-mobile.png);
		height: 500px;
	}

	#scal-banner {
		background-image: url(../img/02-banners/scal-banner.png);
		height: 500px;
	}

	#ol-banner {
		background-image: url(../img/02-banners/ol-banner-mobile.png);
		height: 500px;
	}

	#reitmans-banner {
		background-image: url(../img/02-banners/reitmans-banner-mobile.png);
		height: 500px;
	}

	#os4-banner {
		background-image: url(../img/02-banners/os4-banner-mobile.png);
		height: 500px;
	}
	.banner-title {
		font-size: 20px;
	}
}

/* Medium screens (≥768px) */
@media (min-width: 768px) {
	body {
		font-size: 18px;
	}
}

/* Large screens (≥992px) */
@media (min-width: 992px) {
	body {
		font-size: 19px;
		width: 100%;
	}
}

/* Extra large screens (≥1200px) */
@media (min-width: 1200px) {
	body {
		font-size: 20px;
	}
}

/* Extra extra large screens (≥1400px) */
@media (min-width: 1400px) {
	body {
		font-size: 21px;
	}
}