#logo {
    filter: invert(1);
}

.responsive-square {
    width: 100%;
}
.responsive-square:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.badge.bg-1, .badge.bg-2, .badge.bg-3, .badge.bg-4, .badge.bg-5 {
    border: 1px solid transparent;
    display: inline-block;
}

.bg-1 {
    background-color: rgba(66, 165, 245, 0.75) !important;
    border-color: #42A5F5 !important;
    color: #fff;
}
.bg-2 {
    background-color: rgba(239, 108, 0, 0.75) !important;
    border-color: #EF6C00 !important;
    color: #fff;
}
.bg-3 {
    background-color: rgba(189, 189, 189, 0.75) !important;
    border-color: #BDBDBD !important;
    color: #fff;
}
.bg-4 {
    background-color: rgba(255, 202, 40, 0.75) !important;
    border-color: #FFCA28 !important;
    color: #fff;
}
.bg-5 {
    background-color: rgba(255, 255, 255, 0.75) !important;
    border-color: #fff !important;
    color: #000;
}