@media screen and (max-width: 900px) {
	#savoirfaire-section .small-logos2-li {
		display: flex;
		align-items: flex-end;
	}
	#savoirfaire-section .small-logos2 {
		order: 2;
		flex-shrink: 0;
		margin-left: 25px;
	}
	.br {
		display: inline;
	}
	.br:after {
		content: " ";
	}
}
@media screen and (max-width: 900px) {
	#timeline {
		display: none;
	}
	#timeline-mobile {
		display: block;
	}
}
@media screen and (max-width: 700px) {
	#sites-wrapper {
		align-items: center;
		flex-direction: column;
	}
	#sites-map {
		width: 100%;
		margin: 0;
	}
	#sites-wrapper2 {
		margin: 0;
		padding-top: 20px;
	}
	#sites-wrapper2 .element {
		margin-top: 20px;
		width: 100%;
	}
	#sites-wrapper2 div.text {
		width: 100%; */
	}
	#sites-wrapper2 img {
		width: 100%;
	}
	.sauvegarder {
		margin: 50px 0 0 0;
	}
	#footer {
		height: 230px;
	}
	#footer .logos-main {
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 22px;
		box-sizing: border-box;
	}
	#products-wrapper {
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
	}
}
@media screen and (max-width: 500px) {
	.section {
		min-height: 0 !important;
	}
	.section:not(:last-child) {
		margin-bottom: 50px;
	}
	h1, h2 {
		text-align: center;
	}
	#menu {
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	.cirio img {
		margin: 0 auto 20px auto;
		display: block;
		float: none;
	}
	.affiliate-container {
		flex-direction: column;
		align-items: center;
		display: block;
	}
	#main-container {
		padding: 0 20px;
		margin-top: 155px !important;
	}
	#sites-green {
	    text-align: center;
	}
	#band {
		display: none;
	}
	#back-up {
		display: none;
	}
	.affiliate-logo {
		margin-top: 15px;
		display: block;
	}
	.affiliate-text {
		margin-top: 20px;
		display: block;
	}
	.small-logos3 {
		float: none;
		margin: 20px auto 30px auto;
		display: block;
	}
	.contacts {
		margin-bottom: 50px;
	}
	#animation-wrapper {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}
	#animation {
		width: 100%;
		margin: 0;
		background-image: url("../images/animation-mobile.jpg");
		height: 530px;
		background-position: top center;
		background-size: cover;
	}
	#animation-text, #animation-text.end {
		bottom: 10px;
	}
	#animation-text.end {
		background-size: contain;
		left: 0;
		max-width: none;
		left: 0;
		right: 0;
	}
	#animation-mask {
		display: none;
	}
	#menu {
		display: none;
	}
	#nav-mobile {
		display: flex;
	}
	#outside {
		background: white;
		overflow: visible;
		height: 100%;
	}
	.slideout-menu {
		border-right: 1px solid black;
	}
	#mobile-header {
		display: block;
	      position: fixed;
	      top: 0;
	      width: 100%;
	      left: 0;
	      right: 0;
	      z-index: 1000;
		background: #eee;
	}
	#header {
		position: absolute;
		top: 50px;
	}
	#animation-wrapper:after {
		width: 100%;
	}
	.anchor {
		top: -60px;
	}
}