.width-25 {
    width: 25%;
}

.width-50 {
    width: 50%;
}

.width-33 {
    width: calc(100% / 3);
}

.width-100 {
    width: 100%;
}


.display-flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

/* **************************************
*       Media Query pour TABLETTE
*************************************** */
@media (max-width: 768px) {
    .width-25 {
        width: 100%;
    }
    
    .width-50 {
        width: 100%;
    }
    
    .width-33 {
        width: 100%;
    }
}

/* **************************************
*       Media Query pour MOBILE
*************************************** */
@media (max-width: 480px) {
    .width-25 {
        width: 100%;
    }
    
    .width-50 {
        width: 100%;
    }
    
    .width-33 {
        width: 100%;
    }
}