/*style en mobile first*/

header, main {
    text-align:center;
}

.tablette, .desktop {
    display:none;
}

/* Fin de la version mobile*/



/*début version tablette */
@media screen and (min-width:575px) {
    
    .tablette {
        display:block;
        color:red;
    }
    .mobile {
        display:none;
    }
}
/*fin version tablette*/


/*début version desktop*/
@media screen and (min-width:980px) {
    .desktop {
        display:block;
        color:blue;
    }
    
    .tablette {
        display:none;
    }
}