.monitask-logo-wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f6faff;
}

.monitask-logo {
    --svg-width: 9rem;
    --svg-monitask-symbol: var(--color-main-900);
    --svg-monitask-string: var(--color-main-900);
    width: var(--svg-width);
    height: calc(var(--svg-width) / 5);
}

.monitask-logo-mobile {
    text-align: center;
}

@media (max-width: 480px) {
    .monitask-logo-mobile {
        position: absolute;
        top: 1.6rem;
        left: 1.5rem;
    }

        .monitask-logo-mobile + div {
            margin-top: 5rem;
        }

        .monitask-logo-mobile svg {
            --svg-width: 7rem;
        }
}

.logo-tiny {
    --svg-width: 6rem;
}

.logo-small {
    --svg-width: 9rem;
}

.logo-medium {
    --svg-width: 11rem;
}