.logo {
    width: 200px;
    height: auto;
    transition: filter 0.3s ease;
}

.logo-blue {
    filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.logo-red {
    filter: brightness(0) saturate(100%) invert(33%) sepia(93%) saturate(7296%) hue-rotate(357deg) brightness(93%) contrast(117%);
}

.logo-white {
    filter: brightness(0) invert(1);
}

.logo:hover {
    filter: brightness(0);
}


.dn {
    display: none;
}

.mt-2 {
    margin-top: 2em;
}

.ml-2 {
    margin-left: 2em;
}