:root {
    --height-banner: 80vh;
}

#header:not(.border-header) .wrap{
    border:none;
}

body #banner .home{
    height: var(--height-banner);
    position: relative;
}

body #banner .home::before {
    content: '';
    display: block;
    background: url(../Images/Pictos/lettrine-S-white.svg) no-repeat top left;
    background-size: auto 100%;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.3;
}
body #banner .home .container{
    z-index: 1;
}
body #banner .home h2{
    font-size: clamp(4rem, 0.857rem + 5.714vw, 6rem);
    line-height: clamp(4rem, 0.857rem + 5.714vw, 8rem);
    font-weight: 800;
    padding-bottom: 5rem;
}
body #banner .home h2 span{
    color:var(--bs-primary)
}

body #banner .home p{
    font-size: clamp(1.8rem, 0.857rem + 5.714vw, 2.6rem);
}

/* actu start */


#actu{
    --bs-gutter-y: 3rem;
    --bs-gutter-x: 3rem;
}

.main-section section{
    padding-block: clamp(4.5rem, 0.857rem + 5.714vw, 7rem);
}

.main-section section h2{
    margin-bottom: clamp(3rem, 0.857rem + 5.714vw, 4rem);
}

.main-section h3 {
    font-size: clamp(3rem, 2.4rem + 1.8vw, 4rem);
}

/* actu end */




/* SMall devices (phone, 576px / 36em and up) */
@media (min-width: 36em){

}

/* Medium devices (tablets, 768px / 48em and up) */
@media ( min-width :48em) {

}

/* Large devices (desktops, 992px / 62em and up) */
@media (min-width: 62em) {
    
}

/* X-Large devices (large desktops, 1200px / 75em and up) */
@media (min-width: 75em) {
}

/* XX-Large devices (large desktops, 1400px / 87.5em and up) */
@media (min-width: 87.5em) {


}

/* XXX-Large devices (larger desktops, 1600px / 100em and up) */
@media (min-width: 100em) {

}