@media only screen and (max-width: 1400px) {
    
    #features {
        display: block;
        height: 1250px;    
        margin-top: -300px;
        overflow: hidden;
    }
    
    #rapide {
        text-align: left;
        margin-top: 5px;
        padding-left: 150px;
    }

    #rapide p {
        width: 620px;
        display: inline-block;
        word-spacing: 2px;
        line-height: 160%;    
        color: rgba(80, 100, 120, 1);
        float: left;
    }

    #rapide a {
        word-spacing: 2px;
        line-height: 160%;    
        color: rgba(136, 77, 230, 1);
        text-decoration: none;
        float: left;
    }
    
    #rapide hr {
        float: left;
    }
    
    #rapide svg {
        float: left;
        position: relative;
        left: -30px;
        margin-right: 0px;
    }
    
    #offres {
        position: relative;
        top: -152px;
        background-color: rgba(0, 0, 0, 0);
    }
    
    #articles {
        position: relative;
        top: -10px;
        background-color: rgba(0, 0, 0, 0.02);
    }
}

@media only screen and (max-width: 1000px) {
    footer {
        height: 300px;
    }
    footer ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #articles {
        flex-direction: column;
    }
    #offres {
        height: 1540px;
        margin-top: -23px;
    }
    #serveur2 {
        margin-top: 0px;
    }
    #options {
        height: 900px;
    }
    .row ul {
        flex-direction: column;
    }
}