@media (max-width: 768px) {
    .hamburger {
        display: flex;
    }

    .navigation-links {
        display: none;
    }

    body.homepage {
        background-size: cover;
        background-position: center top;
    }

    .slide img { 
    object-fit: cover; /* no cropping */
    background-color: white;
  }


    /* BIOGRAPHY  */

    .bio-container {
        flex-direction: column; /* Stack items vertically */
        gap: 2em; /* Add more space between sections */
    }

    .about-img {
        max-width: 100%; /* Ensure image scales appropriately */
    }

    .about-img img {
        position: static; /* Reset positioning */
    }

    .bio-text {
        max-width: 100%; /* Text fits within screen size */
        position: static; /* Reset positioning */
        text-align: center; /* Center text for better readability */
    }

    .bio-text p {
        text-align: justify; /* Keep text justified for readability */
        font-size: 0.95rem; /* Adjust font size for smaller screens */
    }

    .social-icons {
        justify-content: center; /* Center icons on tablet */
        position: relative;
        top: 20px;
    }

    .site-developed1 {
        position: relative;
        top: 27px;
        font-size: 0.875rem
    }

    .social-icons a {
        font-size: 2rem; /* Slightly reduce icon size */
    }

    .about-footer {
        position: relative;
        top: 820px;
     }

    .gallery-footer {
        position: fixed;
        bottom: 0;
     }


 
    /* EXHIBITION  */


    section.exhibition {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }

    .exhibition-tabs {
        position: relative;
        top: 30px;
    }


    .side-section {
        flex-direction: row;
        gap: 10px;
        overflow-x: auto;
        position: relative;
    }

    .section {
        min-width: 300px;
        flex: 1;
        position: relative;
        top: 50px;
    }

    .exhibition-footer {
        position: relative;
        top: 920px;
    }

    /* EXHIBITION MODAL */

    .exhibition-modal-content {
    width: 100%;
    height: 100vh;          /* FIXED viewport height */
    max-height: 100vh;
    border-radius: 0;
    display: flex;          /* 👈 REQUIRED */
    flex-direction: column;
  }

  .exhibition-modal-body {
    flex: 1;                /* 👈 TAKES REMAINING SPACE */
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px;
    overflow-y: auto;       /* 👈 SCROLLS */
    -webkit-overflow-scrolling: touch;
  }

  .exhibition-info,
  .exhibition-images {
    width: 100%;
  }

  .modal-prev, .modal-next {
    display: none;
  }

  .modal-close {
    top: 12px;
    left: 366px;
    font-size: 2.5rem;
    z-index: 10000;
  
  }
    /* SADESIX * /*/
     header img {
        height: 220px;
    }

    .sade-six {
        position: relative;
        bottom: 235px;
        left: 190px;
        height: 90px;
    }

    .sade-six img {
        height: 24px;
    }

    .sadesix-content {
    display: block;
  }

  .sadesix-paragraph {
    font-size: 0.8rem;
    position: relative;
    left: 50px;
  }

  .sadesix-text {
    text-align: center;
    margin-top: 1.5rem;
    max-width: 200px;
    position: relative;
    left: 150px;
  }

  .sadesix-icons {
    font-size: 1.4rem;
  }

  

    form {
        max-width: 100%;
        padding: 1.5rem;
        top: 80px;
    }

    input, textarea {
        width: 100%;
        font-size: 0.9rem;
        padding: 0.4rem;
    }

    button {
        left: 0;
        margin: 0 auto;
        display: block;
        padding: 0.75rem 2.5rem;
    }

    .contact-footer {
        position: relative;
        margin-bottom: 100px;
    }

  
@media (max-width: 480px) {
    body.homepage {
        background-position: top center; /* Adjust position for small portrait screens */
    }

}}