body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }

header {    display: flex;    align-items: centre;    padding: 20px;    background: #ffbf00;    color: #910c00;}

header img {    height: 240px;    margin-right: 80px;}
.header-text {    text-align: right;}

.container { width: 80%; margin: auto; overflow: hidden; padding: 20px; background: white; }
footer { text-align: center; padding: 20px; background: #910c00; color: #ffbf00; margin-top: 20px; }
.section { padding: 20px; }
/* Make logo responsive */


    nav {
        background-color: white;
        padding: 10px;
        display: flex;
        justify-content: space-between; /* Pushes the logo to the left and the links to the right */
        align-items: center;
    }
    nav img {
        height: 50px;
    }
    .logo {
        height: auto;
        max-width: 250px; /* Set max width for logo */
        width: 100%; /* Ensures it scales with container */
    }
    .nav-links {
        display: flex;
    }
    nav a {
        color: #910c00;
        text-decoration: none;
        margin: 0 15px;
        font-size: 18px;
    }
    nav a:hover {
        background-color: #ffbf00;
        padding: 5px;
        border-radius: 5px;
    }
         
    

    /* Hamburger menu for small screens */
    .hamburger-menu {
        display: none;
        font-size: 30px;
        color: #910c00;
        cursor: pointer;
    }

    /* Mobile and tablet screens */
    @media (max-width: 768px) {
        .nav-links {
            display: none;
            width: 100%;
            flex-direction: column;
            align-items: center;
            margin-top: 10px;
        }

        .nav-links a {
            margin: 10px 0;
            font-size: 20px;
        }

        .hamburger-menu {
            display: block;
        }
        /* Resize the logo on mobile */
        .logo {
            max-width: 120px; /* Adjust max-width for mobile/tablet screens */
        }
    }

    /* When the menu is toggled */
    .nav-links.active {
        display: flex;
    }