.c-logo {
    width: 14rem;
}

.c-logo__link {
    align-items: center;
    display: flex;
    justify-content: center;
}

.c-logo__img {
    margin-right: 0.5rem;
    width: 65px;
}

.c-logo__title {
    background-clip:text;
    background-image: linear-gradient(to right, var(--color-1), var(--color-2));
    color: transparent;
    font-family: var(--title-font);
    font-size: var(--fs-2);
    font-weight: bold;
}

@media only screen and (max-width: 600px) {

    .c-logo__img {
        margin-right: 0.5rem;
        width: 50px;
    }

    .c-logo__title {
        font-family: var(--title-font);
        font-size: var(--fs-1);
    }
}