.lendemains__header{
display:flex;
flex-direction: column;
align-items: center;
background-color:var(--violet);
min-height:700px;
position:relative;
& h2{
font-family: 'PoppinsBlack';
padding:5px 0;
margin: 0;
width: 80%;
line-height:1;
color: var(--noir);
font-size: 2.5rem;
}
& img{
position:absolute;
height: 100%;
right: 2%;
bottom:0;
max-height:375px;
}
}
.lendemains__header__content{
padding:20px 0;
width:80%;
position:relative;
& p{
width: 100%;
font-size:1.2rem;
}
}
.lendemains__page{
& header, & .header{
background-color:var(--violet);
}
& .menu-overlay{
background-color:var(--violet);
}
}
.lendemains__une__video{
display:flex;
flex-direction: column;
align-items: center;
margin-bottom: -180px;
}
.lendemains__videos__box{
width: 60%;
height: 100%;
position:relative;
bottom:250px;
}
.videos__player{
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
& iframe{
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
}
.video__gallery{
display: flex;
justify-content: center;
margin-bottom:70px;
}
.video__gallery__item{
width:45%;
margin:10px 0;
}
.videos__gallery__player{
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
& iframe{
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
}
.video__gallery__box{
width:80%;
display:flex;
gap:50px;
flex-wrap:wrap;
justify-content: center;
} @media screen and (max-width:1280px){
.lendemains__header{
min-height:auto;
padding:20px 0;
}
.lendemains__videos__box{
bottom:0px;
}
.lendemains__une__video{
margin:30px 0;
}
}
@media screen and (max-width:1024px){
.video__gallery__box{
gap:20px;
}
.video__gallery__item{
margin:0;
}
}
@media screen and (max-width:768px){
.lendemains__header__content{
& p{
font-size:1rem;
}
}
.lendemains__videos__box{
width:80%;
}
.video__gallery__item{
width:80%;
}
}
@media screen and (max-width:480px){
.video__gallery__item{
width:100%;
}
.lendemains__header__content{
& p{
font-size:0.9rem;
}
& h2{
font-size:2rem;
}
}
}