/* General Mobile Styling */
@media (max-width: 768px) {
    /* Header adjustments */
    header.bg-gradient-to-r {
        padding: 1rem; /* Reduce padding */
    }

    header .grid-cols-3 {
        grid-template-columns: 1fr;
        text-align: center; /* Center text on smaller screens */
    }

    /* Hide the email section on smaller screens */
    .header .flex.justify-end.items-center.space-x-9 {
        display: none;
    }

    /* Navigation bar adjustments */
    nav {
        display: none; /* Hide navigation bar */
    }

    /* Add a hamburger menu for smaller screens */
    .hamburger-menu {
        display: block; /* Show hamburger menu */
    }

    /* Slide show image adjustments */
    .slideshow-container img {
        width: 100%;
        height: auto; /* Maintain aspect ratio */
    }

    /* Text adjustments */
    h1 {
        font-size: 1.5rem; /* Smaller heading font */
    }

    p {
        font-size: 1rem; /* Smaller paragraph font */
    }

    .bg-cover h1 {
        font-size: 2rem; /* Adjust heading size */
    }

    .bg-cover p {
        font-size: 1rem; /* Adjust paragraph size */
    }

    /* Button adjustments */
    .bg-cover a {
        padding: 0.5rem 1rem; /* Reduce padding */
        font-size: 0.875rem; /* Smaller font size */
    }
}

/* Smaller screen adjustments for extremely small devices */
@media (max-width: 480px) {
    /* Further reduce padding */
    header.bg-gradient-to-r {
        padding: 0.5rem;
    }

    .bg-cover h1 {
        font-size: 1.5rem; /* Smaller heading size */
    }

    .bg-cover p {
        font-size: 0.875rem; /* Smaller paragraph font */
    }

    .bg-cover a {
        padding: 0; /* Smaller button padding */
        font-size: 0.85rem; /* Smaller font size */
    }
}