.site-section {
    margin-bottom: 20px; /* Adds space between sections */
}

#top-navigation {
    background-color: #f0f0f0; /* Light grey background */
    padding: 10px 20px; /* Padding around the navigation */
}

#site-header {
    background-color: #007bff; /* Primary color background */
    color: #ffffff; /* White text color */
    padding: 20px; /* Padding around the header */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .site-section {
        margin-bottom: 10px; /* Less space between sections on small screens */
    }

    #top-navigation, #site-header {
        padding: 10px; /* Less padding on small screens */
    }
}