/* ================================
   RESPONSIVE DESIGN - Mobile & Tablet
   ================================ */

/* -------- Tablet (768px and below) -------- */
@media (max-width: 768px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 28px;
    }

    /* ---- Navigation ---- */
    .hamburger {
        display: flex;
    }

    .menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: