.navbar-brand img { height: 40px;}
.navbar-toggler-dark {background-color: #000;}
body {overflow-x: hidden;}
.container, .row, .col {max-width: 100%;}
html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0; /* Prevent the footer from shrinking */
    width: 100%;
    position: fixed; /* Fix the footer to the bottom of the viewport */
    bottom: 0;
    left: 0;
}