@media screen and (max-width: 767px){

	body{
		font-size: 0.8em !important;
	}

	.containerMax{
		max-width: 1200px;
		padding:0;
		margin:auto;
		position: relative;
	}

	.containerMin{
		max-width: 920px;
		padding: 0 20px;
		margin:auto;
	}

	h2{
		line-height: 50px !important;
	}

	section#home div.sectionFirst{
		overflow: hidden;
		height: 100vh;
		width: 100%;

	}
	section#home div.sectionFirst img{

		width: inherit;
		height: 100%;
		text-align: center;
		
	}

	section#home div.sectionFirst img.logo{
		height: initial;
		width: 70%;
	}

	section#home div.scrollElement{
		bottom: 100px;
	}

	section#concept div.containerMin div.container div.row div.col-md-6 img{
		margin-bottom: 30px;
	}

	section#concept div.containerMin div.container div.row div.col-md-6+div.col-md-6 p{
		transform: translateY(0%);
		top:50%;
		position: absolute;
	}



}


@media screen and (max-width: 450px){	

	nav{
		display: none;
	}

	section#home ul.blog{
		position: fixed;
		right: inherit;
		left: 50%;
		padding: 0;
		top: 40px;
		transform: translateY(0) translateX(-50%);
	}

	section#home ul.blog li{
		list-style: none;
		transform: rotate(0);
	}

	section#home ul.blog li a{
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: 300;
	}

	h1{
		padding: 0 15px;
		text-align: center;
		line-height: 60px;
	}
	
	h2{
		line-height: 50px !important;
	}

	h5{
		display: none;
	}
	p{
		font-size: 1.2em;
	}

	.colonnes{
		margin-top: 30px;
	}

	.col-md-6, .col-md-7, .col-md-9{
		padding: 0;
		margin-bottom: 35px;
	}

	.col-md-3{
		margin-bottom: 60px;
	}

	.col-sm{
		padding:0;
	}

	.col-sm-4{
		padding: 0;
		margin-bottom: 15px;
	}

	.graphicsElements{
		display: none;
	}

	section#home div.scrollElement h6:after{
		content: "";
		width: 1px;
		height: 380px;
		clear: both;
		display: block;
		background-color: var(--my-orange);
		position: absolute;
		top: 40px;
		left: 50%;
	}

	section#concept div.containerMin div.container div.row div.col-md-6+div.col-md-6{
		margin-bottom: 0px;
	}

	section#concept div.containerMin div.container div.row div.col-md-6+div.col-md-6 p{
		transform: translateY(0);
	}


	section#valeurs div.containerMax{
		padding: 0;
		text-align:center;
	}

	section#valeurs div.containerMax div.col-md-5{
		margin-top: 50px;
	}

	section#objets div.containerMax h1+div.containerMin+div.containerMin{
		margin-top: 50px;
		height: inherit;
	}

	.sousTitreLeft{
		    padding-left: 0px;
		    padding: 0px;
		    text-align: center;
	}

	.figure-img{
		margin-bottom: 1.5rem;
	}

	section#objets div.containerMax div.containerMin figure.makingOf, section#objets div.containerMax div.containerMin figure.makingOf+figure.makingOf, section#objets div.containerMax div.containerMin figure.makingOf+figure.makingOf+figure.makingOf, section#objets div.containerMax div.containerMin figure.makingOf+figure.makingOf+figure.makingOf+figure.makingOf, section#objets div.containerMax div.containerMin figure.makingOf+figure.makingOf+figure.makingOf+figure.makingOf+figure.makingOf{
		position:inherit;
		left: inherit;
		display: block;
		top: 0;
		right: inherit;
		width: 100%;
		overflow: hidden;
		z-index: 1000;
		opacity: 1;
		transition: opacity 0.2s ease-in-out;
	}

	section#objets div.containerMax h1+div.containerMin+div.containerMin+h5+div.containerMin{
		margin-top: 100px;
	}

	section#objets div.containerMax h1+div.containerMin+div.containerMin+h5+div.containerMin:after{
		top: 260px;
	}

	.col-sm-4 figure.figure{
		margin: 0;
	}

	section#materiaux div.containerMax div.col-md-5{
		margin-top: 0px;
	}

	section#savoirPlus div.containerMin div.firstColSavoir{
		margin-top: 50px;
	}



	section#contact{
		margin-top:150px;
	}

	section#contact div.RS{
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	section#contact div.RS img{
		width: 100%;
		min-width: 600px;
		margin-top:0px;

	}

	section#contact div.RS div.containerMin h2{
		position: absolute;
		width: 100%;
		text-align: center;
		top: 45px;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
	}
	section#contact div.RS div.containerMin div{
		position: absolute;
		top: 105px;
		left: 50%;
		transform: translateX(-50%);
	}
	section#contact div.RS div.containerMin div a{
		margin: 0 30px 0 0;
	}

	section#contact div.RS div.containerMin div a+a{
		margin: 0 0 0 30px;
	}
	section#contact div.RS div.containerMin div a img{
		width: 100%;
		min-width: inherit;
	}

	section#contactTwo{
		margin: 50px 0;
		text-align: center;
	}

	section#contactTwo h1{
		margin-bottom: 50px !important;
	}

	section#contactTwo div.containerMin div.container div.row div.col-md-3 img{
		display: block;
		width: 30px;
		margin:auto;
		margin-bottom: 20px;
	}

	section#contactTwo div.containerMin div.container div.row div.col-md-9{
		text-align: center;
	}


}