/* Desktop-first responsive breakpoints (max-width)
   Copie/colle et remplis selon tes besoins. */

.top-header .text-top-header {
    top: 200px;
    width: 940px;
}

.img-logo{
    display: flex;
}

/* #about_us{
    background-color: #64938a33;
} */

section.wp-section.home .wp-block-media-text .wp-block-media-text__content, section.wp-section.bleu-vert .wp-block-media-text .wp-block-media-text__content {
    background: none;
}

/* <= 1400px (grands laptops / écrans moyens) */
@media (max-width: 1400px) {
.top-header .text-top-header {
    top: 160px;
    width: 940px;
}
}

/* <= 1200px (laptop) */
@media (max-width: 1200px) {
.top-header .text-top-header {
    top: 100px;
}
.top-header .text-top-header .title {
    font-size: 2.8em;
}
.top-header .text-top-header .text {
    font-size: 1.5rem;
    line-height: 40px;
}
}

/* <= 992px (tablette paysage) */
@media (max-width: 992px) {
.top-header .text-top-header {
    top: 40px;
}
.top-header .text-top-header .title {
    font-size: 2.0em;
}
.top-header .text-top-header .text {
    font-size: 1.2rem;
    line-height: 30px;
}
.main-nav .img-logo {
        padding-left: 0px;
    }
}

/* <= 768px (tablette portrait) */
@media (max-width: 768px) {
.top-header .text-top-header {
    top: 0px;
}
.top-header .text-top-header .title {
    font-size: 2.0em;
}
.top-header .text-top-header .text {
    font-size: 1.2rem;
    line-height: 30px;
}
}

/* <= 576px (mobile) */
@media (max-width: 576px) {
.top-header .text-top-header {
    top: 20px;
}
.top-header .text-top-header .title {
    font-size: 1.8em;
}
.top-header .text-top-header .text {
    font-size: 1.0rem;
    line-height: 30px;
}
}

/* <= 360px (petits mobiles) */
@media (max-width: 360px) {
.top-header .text-top-header {
    top: 20px;
}
.top-header .text-top-header .title {
    font-size: 1.3em;
}
.top-header .text-top-header .text {
    font-size: 0.6rem;
    line-height: 16px;
}
.main-nav .img-logo {
    padding-left: 10px;
}
}

/* Optionnel : ajustements d’orientation */
@media (max-width: 992px) and (orientation: landscape) {

}
