body {
    background-color: #222222;
    color: #bbbbbb;
    position: relative;
    min-height: 100vh;
    padding-bottom: 186px; /* Height of the footer */
}

@media(max-width: 768px) {
    body {
        padding-bottom: 280px; /* Height of the footer */
    }
}

@media(max-width: 576px) {
    body {
        padding-bottom: 500px; /* Height of the footer */
    }
}

.breadcrumb {
    background-color: #444444;
    margin: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.breadcrumb-item {
    font-size: 14px;
}

.breadcrumb-item.active {
    color: #bbbbbb;
}