.innerContainer {
    padding: 1rem 0 2rem;
    display: flex;
    justify-content: space-between;
}

.dencoLogo {
    max-width: 6rem;
}

.joinGroup {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.joinText {
    font-size: 1.4rem;
    color: var(--blue);
}

.link {
    display: flex;
}

.joinLogo {
    width: 2rem;
    height: auto;
}

@media screen and (min-width: 641px) {
    .dencoLogo {
        max-width: 8.75rem;
    }

    .joinLogo {
        width: 50px;
    }

    .joinGroup {
        gap: 1.75rem;
    }
}

@media screen and (min-width: 992px) {
    .innerContainer {
        padding: 1.2rem 0 3.5rem;
    }

    .dencoLogo {
        max-width: unset;
    }
}