#intro-logo {
    width: 10rem;
}

#locales {
    position: relative;
    width: 25%;
}

.cursor-pointer {
    cursor: pointer;
}

.z-index-over {
    z-index: 10;
}

.z-index-under {
    z-index: -10;
}

.nav-link[data-mdb-toggle="pill"] {
    color: var(--mdb-dark);
}

.nav-link[data-mdb-toggle="pill"].active {
    background-color: var(--mdb-primary);
    color: var(--mdb-white);
}

.rounded-right {
    border-top-right-radius: var(--mdb-border-radius-lg);
    border-bottom-right-radius: var(--mdb-border-radius-lg);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.rounded-top {
    border-top-right-radius: var(--mdb-border-radius-lg);
    border-top-left-radius: var(--mdb-border-radius-lg);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-check-input:checked,
.form-check-input:checked:focus {
    border-color: var(--mdb-secondary);
}

.form-check-input[type=checkbox]:checked,
.form-check-input[type=checkbox]:checked:focus{
    background-color: var(--mdb-secondary);
}

@media (min-width: 992px) {

    #locales {
        position: absolute;
        width: 100%;
    }

    #intro-logo {
        width: 15rem;
    }

    .cascading-lg-right {
        margin-right: -50px;
    }

    .rotate-lg-6 {
        transform: rotate(6deg);
    }
}