/** DESKTOP **/

@media (min-width:1700px) {
	.txt-flex {
		max-width: 70%;
	}
	.txt-content {
		max-width: 70%;
	}
}	

@media (min-width:1080px) {

	.desktop{
		display: initial;
	}
	.mobile{
		display: none;
	}
}	




/** MOBILE **/

@media (max-width:1080px) {
	
	.desktop{
		display: none;
	}
	.mobile{
		display: initial ;
	}


	body {
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	width: 100%;
	}
	main {
		position: relative;
		padding: 0px;
		}
	
	blockquote {
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding: 40px 0px 5px 0px;
	}	
	h1 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
	h3 {
		font-size: 50px;
		line-height: 55px;
	}
	hr {
		margin-bottom: 50px;
	}

	section {
		width:100%!important;

	}
	article {
		margin-top: 40px;
		margin-bottom: 80px;
	}
	.portrait {
		padding-top: 0px;
		padding-bottom: 40px;
	}
	.txt {
		padding-right: 0px;
		padding-left: 0px;
	}
	.txt p, h3 {
		padding-right: 20px;
		padding-left: 20px;
	}

	.txt-content {
		width: 100%!important;
	
	}
	.txt-content p {
		padding-left: 20px;
		padding-right: 20px;
	
	}
	.txt-flex {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 50px;
		margin-top: 40px;
		}
	
	.img-background {
		width: 50%;
	}
			
	.img-full{
		width: 100%!important;
	}
	aside {
		padding-right: 0px;
		padding-left: 0px;
	}
	.iframe {
		margin-right: 0px;
		margin-left: 0px;
	}
	 .navbar-toggle {
		margin-right: 20px;
	}   
	.navbar-logo {
		display: none;
	}
	.box-container {
		padding: 0px;
		grid-template-columns: repeat(1, 3fr);
		box-sizing: border-box;
		grid-gap: 20px;
		margin-bottom: 20px;
	}

	.box-container .box {
		margin-bottom: 0px;
	}
	
	.box-container .box .box__logo {
		max-height: 115px;
		max-width: 120px;
	} 
	.box-content-txt {
		padding: 0px;
		width: 100%;
		padding-bottom: 60px;
		padding-top: 50px;
	}
	.box-content-title {
		top: 20px;
		left: 20px;
	}
	.child-box-txt {
		width: 100%;
	}
	.child-box-txt-content {
		padding: 50px 20px 50px 20px;
		text-align: center;
	}
	.portrait-box-txt h1 {
		text-align: center;
	}
	.portrait-box {
		width: 100%;
		display: block;
	}
	.portrait-box-img {
		width: 100%;
		display: block;
	}
	.portrait-box-txt-content {
		padding: 100px 20px 0px 20px;
		text-align: center;
	}
	.portrait-box-txt {
		width: 100%;
	}
	.bloc-2 {
		height: auto;
		display: block;
	}
	.bloc-2-img {
		display: table;
		min-height: 60vh;
		width: 100%;
		}
	.bloc-2-txt {
		width: 100%;
	}
	.bloc-2-txt-content {
		padding: 50px 20px 20px 20px;
	}
	.child-box {
		display: block;
		box-sizing: border-box;
		padding: 20px;
		margin-bottom: 0px;
		}
	.child-box-img {
		width: 100%;
		display: flex;
	}
	.logo-header {
		left: 0px;

	}
	.fil-ariane {
		padding: 10px 40px 10px 20px;
		bottom: 20px;
	}
	.margin-80-2 {
		height: 0px;
	}
	.margin-child {
		height: 100px;
	}

	.logo-txt-left img {
		margin-top: 30px;
		margin-left: 30px;
		width: 140px;
	}
	/*.logo-txt-left img {
		margin-bottom: 30px;
		margin-right: 30px;
		width: 150px;
	}
	.logo-txt-center img {
		width: 150px;
	}*/
	.full-img-100 {
		min-height: 90%;
		height: 90vh;
	}
	.box-content {
		margin-bottom: 0px;
		}
	#box-counter-1{
		order: 1; 
	}
	#box-counter-2{
		order: 2; 
	}
	#box-counter-3{
		order: 3; 
	}
	#box-counter-4{
		order: 4; 
	}
	#box-counter-5{
		order: 5; 
	}
	#box-counter-6{
		order: 6; 
	}
	#box-counter-7{
		order: 7; 
	}
	#box-counter-8{
		order: 7; 
	}
	.box-content-en-cours {
		top: 20px;
		right: 20px;
	}
	.margin-80 {
		height: 30px;
	}
	.en-cours {
		margin-top: 0;
	}
	.margin-40 {
		height: 0px;
	}
	.box-content img {

		border: 0px solid #eee;
		}
		
		
}


@media (max-width:400px) {
	h3 {
    font-size: 42px;
}
}





/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 1080px) { 
	#gallery-1 {
	  padding: 12px 0 12px;
	}
	#gallery-1 .rsOverflow,
	.royalSlider#gallery-1 {
	  height: 400px !important;
	}
  }
  @media screen and (min-width: 0px) and (max-width: 500px) { 
	#gallery-1 .rsOverflow,
	.royalSlider#gallery-1 {
	  height: 300px !important;
	}
}