@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  
header {
    height: 7rem;
}
    
    .hero-text, .page .bloc-download h1 {
        width: 100%;
        display: block;
    }
 
    .reassurance .bloc-presse {
        width: 20rem;
    }
    .reassurance .bloc-citation {
        width: 20rem;
    }
    
.reassurance .bloc-presse .ligne-logo-presse div img.paysage {
    max-width: 80%;
    height: 80%;
}

.reassurance .bloc-presse .ligne-logo-presse div img.portrait {
    max-width: 40%;
    height: 40%;
}
    
.hero-image {
    height: 35rem;        
}
    .page .hero-image {
        height: 14rem;
    }

    .hero-text .logos, .page .bloc-download .ligne-download .sous-ligne-download .logos {
        margin-top:0;
    }

.hero-image:after, .page .hero-image:after {
    display: block;
    position: absolute;
    bottom: -30px;
    left: -1%;
    right: -1%;
    content: '';
    background-image: url(../images/wave.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    width: 102%;
    height: 112px;
    height: 7rem;
    z-index: -1;
}
    .page .bloc-podcasts .liste-podcasts .card {
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }
    .page .bloc-podcasts .bouton-histoires:hover, .questions-reponses .bouton-contact {
        width: 14rem;
    }
    
    .page .bloc-download {
        height: 25rem;
    }
    .page .bloc-stores-app div {
        height: 3rem;
    }


@media screen and (max-width: 1050px) {
        .page .bloc-download {
        height: 30rem;
    }
}
@media screen and (max-width: 720px) {
    .page .bloc-download {
        height: 45rem;
    }
}

@media screen and (max-width: 700px) {
        .reassurance-page-accueil {
            margin-top: 30vh;
        }
        .hero-text .bloc-stores-app, .page .bloc-download .ligne-download .sous-ligne-download .logos .bloc-stores-app {
            flex-direction: row;
            margin-top: 0;
        }
    }
 @media screen and (max-width: 500px) {
        .reassurance-page-accueil {
            margin-top: 40vh;
        }
     .page .bloc-download .ligne-download .sous-ligne-download {
         width: 100%;
     }
     .timeline {
         margin-left: 5%;
         margin-right:  5%;
     }
}
}


