@media (max-width: 700px) {
    
    .banner-image {
         display: none;
    }

}

@media (min-width: 701px){
    .banner-image{
        display: flex;
    }
}

@media (max-width: 970px){
    .text > h3{
        margin-right: 40%;
    }

}

@media (min-width: 971px){
    .text > h3{
        margin-right: 80%;
    }
}

@media (max-width:500px){
    .tarifs{
        margin-left: 5px;
    }
}

@media (min-width: 501px){
    .tarifs{
        margin-left: 15px;
    }
}

/* [.text-container] */
@media (max-width: 700px){
    .text-container{
        width: 90%;
    }
}

@media (min-width: 701px){
    .text-container{
        width: 80%;
    }
}
/* [.news-container] */
@media (max-width: 700px){
    .news-container{
        width: 90%;
    }
}

@media (min-width: 701px){
    .news-container{
        width: 80%;
    }
}

/* [.help-img2] */
@media (max-width: 800px){
    .help-img2{
        max-width: 55%;
    }
}

@media (min-width: 801px){
    .help-img2{
        max-width: 35%;
    }
}


/* [.container-with-menu] */
@media (max-width: 800px){
    .container-with-menu{
        flex-direction: column;
    }

    .menu{
        width: 100%;
    }

    .menu > ul{
        display: flex;
        flex-direction: row; 
        flex-wrap: wrap;
    }

    .menu > li{
        display: inline-block;
    }

    .menu > ul > li > a{
        margin-right: 15px;
    }

    .cwm-content{
        width: 90%;
    }
}

@media (min-width: 801px){
    .menu{
        width: 200px;
    }

    .menu > ul{
        display: block;
    }

    .menu > li{
        display: block;
    }

    .cwm-content{
        width: 100%;
    }
}