.bg-primary {
    background-color: rgb(53,91,121) !important; 
}

.navbar-brand {
    font-family: 'Impact'; 
}

html, body {
    height: 100%;
}
.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Full height of viewport */
}
.body-content {
    flex: 1; /* Fill remaining vertical space */
    padding-top: 220px; /* Adjust based on navbar height with logo */
    padding-bottom: 60px; /* Adjust based on footer height */
}
.footer {
    margin-top: auto;
}