/* Responsive rules */
@media (max-width: 800px) {
    .main-nav ul.nav-left{display:none}
    /* .nav-toggle{display:inline-block} */
    .header-inner{gap:8px}
}

@media (max-width: 480px){
    .container{padding:0 10px}
    /* Ensure site title remains visible on very small screens; sizing is handled in main.css */
    .site-title{display:block}
}
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    /* padding: 20px; */
}

.header, .footer {
    background-color: #f8f9fa;
    padding: 20px;
    text-align: center;
}

.navbar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.navbar a {
    margin: 0 15px;
    text-decoration: none;
    color: #007bff;
}

.navbar a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .navbar {
        flex-direction: column;
    }

    .navbar a {
        margin: 10px 0;
    }

    .container {
        padding: 10px;
    }
}

.donation-form, .membership-form {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form-group input, .form-group select, .form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
}