/* ---------- medium screens ---------- */

@media screen and (max-width: 80rem) {
    
    /* master */
    
    :root {
        --rem: 10px;
    }
    
    /* tools */
    
    .padding {
        padding: 0 4rem;
    }
    
    /* elements */

}



/* ---------- small screens ---------- */

@media screen and (max-width: 60rem) {

    /* master */
    
    /* tools */
    
    .padding {
        padding: 0 2rem;
    }

}