/*HEADER*/
.son-intro-container{
	position: absolute;
	max-width: 800px;
	margin: 5%;
}
.son-intro{
	font-size: 30;
	font-weight: 700;
	line-height: 1.5em;
	letter-spacing: -.9;
}
.h1-container {
	display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    height: 75vh;
	border-bottom: 2px dashed #DC005F30;
	margin-bottom:20vh;
}
.son-h1{
	text-align: right;
	align-self: end;
	padding-top: 0;
	line-height: 1.01;
	grid-area: stack;
	margin-right:5%;
}

/*FICHE TECHNIQUE*/
.fiche-technique-background {
	color: #FFF4E8;
	background: #AB004A !important;
	width: 100vw;
	position: relative;
	left: -3.13vw;
}
.fiche-technique-container {
	padding: 4rem 3%;
	display: block;
	margin: 0 4.8%;
}
.fiche-technique-container h2{
	margin-bottom: 2rem;
	display: block;
}
.fiche-technique{
	display: inline-flex;
	gap: 4rem;
	justify-content: center;
	width:100%;
}
.fiche-technique-col1, .fiche-technique-col2{
	width:50%;
	max-width: 760px;
}
.fiche-technique-text{
	padding:1rem 0;
}
.fiche-technique-text a{
	color: #FFF4E8;
	text-decoration: underline;
}
.fiche-technique-text a:hover{
	text-decoration: none;
}
.fiche-technique-list{
	font-weight: 300;
}
.fiche-technique-list a{
	color: #FFF4E8;
	text-decoration: ;
}
.fiche-technique-list a:hover{
	text-decoration:underline;
}

/*TRAVAUX*/
.travaux-container{
	margin: 5%;
}
.travaux-title{
	padding: initial;
	margin-bottom: 2rem;
}
.travaux{
	list-style: none;
	padding-left:0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(628px, 1fr));
	margin-bottom: 5rem;
}
.travail-text{
	max-width: 608;
	margin-bottom: 1rem;
}
#travaux iframe,img{
	border-radius: 0.5rem;
	max-width: 100%;
	height: 342px;
  	overflow: hidden;
	margin-bottom: 2rem;
}
#travaux img{
	object-fit: cover;
	object-position: top;
}

/*AUDIOS*/
.travaux-audios{
	list-style: none;
	padding-left:0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	grid-gap: 2rem;
}
.travaux-audios p, audio{
	width: 100%;
}

/*ABOUT*/
.son-bio-container{
	margin: 7rem auto 3em;
	max-width: 836px;
}
.son-bio{
	
	display: grid;
	grid-template-columns: 2fr 1fr;
}
.son-bio-text{
	margin: 0 2em 0 0;
	color: #DC005F;
}
.son-bio-list a{
	text-decoration: underline;
}
.son-bio-list a:hover{
	text-decoration: none;
}
.son-bio img{
	max-width: 100%;
	border-radius: 0.5rem;
}
.son-contact{
	margin: 1rem auto 5rem;
	max-width: 836px;
}
.son-contact h2{
	margin: 0 2em 0 0;
}
.son-contact p{
	margin: 0 2em 0 0;
}

/*MEDIA QUERIES*/
/*Specific desktop*/
@media screen and (max-width: 1350px){
	.fiche-technique-background{
		left:-3.14vw;
	}	
}
@media screen and (max-width: 1250px){
	.fiche-technique-background{
		left:-3.15vw;
	}	
}
@media screen and (max-width: 1169px){
	.fiche-technique-background{
		left:-3.16vw;
	}	
}
@media screen and (max-width: 1094px){
	.fiche-technique-background{
		left:-3.20vw;
	}
}

/*Specific project img son*/
@media screen and (max-width: 1084px){
	.son-h1{
		line-height: 1.1;
		font-size: 99;
	}	
}
@media screen and (max-width: 960px){
	.son-intro-container{
		position: initial;
	}
	.h1-container {
    	height: 30vh;
    }
    .fiche-technique-container{
    	margin-bottom: 15%;
    }
    .travaux-audios{
    	display: inline;
    }
	.son-bio-container{
		margin: 5rem 5% 2rem;
	}
	.son-bio{
		display: block;
	}
	.son-bio-text{
		margin:3rem 0;
	}
	.son-bio img{
		display: block;
    	max-height: 500;
    	width: auto;
    	margin: 3rem auto;
	}
	.son-contact{
	margin: 1rem auto;
}

/*Medium devices (landscape phones, portrait tablets)*/
@media screen and (max-width: 840px){
	.son-h1{
		font-size: 60;
    	margin-block-end: -0.9rem;
	}
	.son-intro{
		font-size: 25;
	}
	.fiche-technique{
		display: block;
	}
	.fiche-technique-col1, .fiche-technique-col2{
		width:100%;
	}
	.fiche-technique-col2 .fiche-technique-title{
		padding:4rem 0 2rem 0;
	}
	.travaux{
		display: block;
	}
}
@media screen and (max-width: 840px){

}

/*Small devices (portrait phones)*/
@media screen and (max-width: 576px){
	.full-menu{
    bottom: 1rem;
	}
	.h1-container {
    	height: 20vh;
    }
	.fiche-technique-background{
		left:-5.35vw;
	}
	.son-bio img{
   	margin: 3rem auto 0;
	}
}
@media screen and (max-width: 514px){
	.h1-container {
    	height: 18vh;
    }
	.son-h1{
		font-size: 46;
		line-height: 1;
		margin-block-end: -0.6rem;
	}
}

/*Very small devices (SE)*/
@media screen and (max-width: 440px){
    .son-h1{
    	margin-block-end: -0.6rem;
    }
	.son-intro{
		font-size:26px;
	}
	.h1-container{
		margin: 2em 0;
	}
	.son-h1{
		margin-block-end:-0.6rem;
	}
}