.floating-banner {
    position: fixed;
    z-index: 9998;
    bottom: 0;
    left: 0;
    margin-bottom: 1rem;
    margin-left: 1rem;
}
.anniversary-img {
    max-width: 50%;
}
@media screen and (max-width: 990px) {
    .anniversary-img {
        max-width: 30%;
    }
}
@media screen and (max-width: 560px) {
    .anniversary-img {
        max-width: 30%;
    }
}
.floating-banner:hover {
    opacity: .9;
}

.counter-50th {
    padding: 0 1rem 0 1rem;
    width: 100%;
    margin: 1rem auto 0 auto;
    border: double 6px #b3eff5;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    background: #00C1D4;
    font-size: 3rem;
}
.counter-50th-en {
    padding: 0 1rem 0 1rem;
    width: 100%;
    margin: 1rem auto 0 auto;
    border: double 6px #b3eff5;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    background: #00C1D4;
    font-size: 3rem;
}
.counter-50th-day {
    font-size: 4rem;
    font-weight: 900;
    color: #5C068C;
    -webkit-text-stroke: 0.5px #FFF;
}
.counter-50th-anniversary {
    font-size: 3rem;
    font-weight: bold;
}
@media screen and (max-width: 560px) {
    .counter-50th {
        padding: 0 1rem 0 1rem;
        width: 100%;
        margin: 1rem auto 0 auto;
        border: double 6px #b3eff5;
        justify-content: center;
        text-align: center;
        color: #ffffff;
        background: #00C1D4;
        font-size: 2.5rem;
    }
    .counter-50th-en {
        padding: 0 1rem 0 1rem;
        width: 100%;
        margin: 1rem auto 0 auto;
        border: double 6px #b3eff5;
        justify-content: center;
        text-align: center;
        color: #ffffff;
        background: #00C1D4;
        font-size: 2rem;
    }
    .counter-50th-day {
        font-size: 3rem;
        font-weight: bold;
        color: #5C068C;
        -webkit-text-stroke: 0.5px #FFF;
    }
    .counter-50th-anniversary {
        font-size: 1.5rem;
        font-weight: bold;
    }
}