/* ============================================
   RESPONSIVE.CSS — Mobile breakpoint: 768px
   ============================================ */

/* Global toggle defaults */
.mobile-only  { display: none; }  /* hidden unless told otherwise */
.desktop-only { display: block; } /* visible by default */

/* ---------- NAVBAR ---------- */
@media (max-width: 768px) {
    nav {
        background-color: transparent;
    }
    nav .right a {
        display: none;
    }
    nav .left a {
        padding-left: 10px;
    }
    /* add a hamburger menu icon here if needed */
}

/* ---------- LANDING ---------- */
@media (max-width: 768px) {
    .landing-page {
          padding: 35px 10px 20px 10px;
    }
    
    .nav-link {
        
    }   

    .nav-links a {
        line-height: 0.8;
        text-decoration: none;
        
    }


    #link-graphic { color: var(--bright-indigo); }
    #link-tattoo  { color: var(--light-grey); }
    #link-direction { color: var(--blazing-flame);}
    #link-about { color: var(--sunflower-gold); }
}