/* ===== MEDIA QUERY ===== */
@media screen and (max-width: 768px) {

    /* ===== CONTAINER ===== */
    .container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "header" "exper" "footer";
        gap: 15px;
    }

    /* ===== END CONTAINER ===== */

    /* ===== EXPERIENCE : ROWS & COLS ===== */
    #highlights .row1,
    #highlights .row2 {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    /* ===== END EXPERIENCE : ROWS & COLS ===== */
}

/* ===== END MEDIA QUERY ===== */