#map {

     position:fixed;

     left: 0;

     top: 0;

     right: 0;

     bottom: 0;

 }



 .banner{

    position: relative;

    display: flex;

    width: 100;

    height: 10%;

    background-color:#c04f15;

    color: black;

 }



/* Banner container */

.banner {

    display: flex;

    align-items: center;

    background-color: #C1440E; /* Orange background */

    padding: 0px;

    border: 2px solid white;

    color: white;

    font-family: 'Corbel', Arial, sans-serif; /* Use Corbel with fallbacks */

    font-size: 2em;

}



/* Logo styling */

.banner-logo {

    position: absolute;

    left: 0; /* Align to the left edge */

    top: 0; /* Align to the top edge */

    bottom: 0; /* Align to the bottom edge */

    height: 100%; /* Make logo fill the full height of the banner */

    width:auto; /* Maintain aspect ratio */

    border-right: 2px solid white; /* Optional: border between logo and text */

    padding: 0px; /* Padding for spacing between logo and banner text */

}



/* Text styling */

.banner-text {

    flex-grow: 1;

    text-align: center;

    font-weight: bold;

    font-family: 'Corbel', Arial, sans-serif; /* Use Corbel with fallbacks */

    font-size: 1.1em;

    color: white;

}



/* Footer banner container (at the bottom of the page) */

.footer-banner {

    display: flex;

    justify-content: space-between;

    align-items: center;

    background-color: #C1440E; /* Orange background */

    padding: 0px;

    border: 2px solid white;

    color: white;

    font-family: 'Corbel', Arial, sans-serif; /* Use Corbel with fallbacks */

    font-size: 1.2em;

    position: absolute;

    bottom: 0; /* Fix it to the bottom of the page */

    width: 100%;

}



/* Logo and text for the footer */

.footer-left {

    display: flex;

    align-items: center;

}



.footer-logo {

    height: 100%; /* Set logo height to match the footer height */

    width: auto; /* Maintain aspect ratio */

    margin-right: 10px; /* Space between logo and text */

}



.footer-text {

    line-height: 1.5em;

    font-weight: bold;

}



/* Right section (link and icon) */

.footer-right {

    display: flex;

    align-items: center;

}



.footer-link {

    color: white;

    text-decoration: none;

    display: flex;

    align-items: center;

}



.footer-icon {

    width: auto; /* Adjust size of the repository icon */

    height: 100%;

    margin-left: 2px; /* Space between text and icon */

}



/* Hover effect for the link */

.footer-link:hover {

    text-decoration: underline;

}