/* General Styling */
body {
    font-family: 'Montserrat', sans-serif;
    background-size: cover;
    background-repeat: repeat-x;
}
/* Base styles for mobile responsiveness */
@media (max-width: 768px) {
    body {
        font-size: 64px; /* Increase base font size */
        line-height: 1.8; /* Improve readability */
        zoom: 1.4; /* Scale up the whole layout slightly */
    }

    .head {
        padding: 15px;
        flex-direction: column;
        text-align: center;
    }

    .nav {
        flex-direction: column;
        align-items: center;
    }

    .lin {
        flex-direction: row;
        gap: 15px;
    }

    ul.nav .site {
        flex-direction: row;
        gap: 15px;
        margin-top: 10px;
        display: none;
    }

    .logo h2 {
        font-size: 1.8em; /* Adjust logo font size */
    }

    .carousel-cell img {
        width: 100%;
        height: auto;
    }

    .content-section {
        padding: 20px;
    }

    .form-content {
        padding: 15px;
    }

    input, select, button {
        width: 100%;
        margin: 10px 0;
        padding: 12px;
        font-size: 1.5em;
    }

    .marquee-bar {
        padding: 15px;
    }

    .marquee-content {
        font-size: 16px;
        text-align: center;
    }

    .footer {
        text-align: center;
        font-size: 28px;
        padding: 20px;
    }

    .footer h2 {
        font-size: 1.3em;
    }

    .footer p {
        font-size: 1em;
    }

    .video-section {
        display: block;
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    body {
        font-size: 32px; /* Further increase font size for very small screens */
        zoom: 1.0; /* Enhance overall scaling */
        background: #CB3066;
        background-image: linear-gradient(#CB3066,#16BFFD);
        background-repeat: repeat-x;
    }
    .logo h2 {
        font-size: 1.6em;
    }

    .lin li {
        font-size: 1.2em;
    }
    .notices h1{
        margin-top: 1024px;
    }

    .video-section {
        display: none; /* Hide the video section on very small screens */
    }

    .footer h2 {
        font-size: 1.6em;
    }

    .footer p {
        font-size: 1em;
    }

    .content-section {
        padding: 25px;
    }
}

/* Additional Styles */
ul.site .we{
    margin-left: auto;
    gap: 10px;
    display: none;
}

.copyright {
    text-align: center;
    font-size: 24px;
    color: #aaa;
    margin-top: 20px;
}