/**
 * Footer
 */
.footer {
    margin-top: 80px;
    padding: 40px 0;
    font-size: 12px;
    line-height: 150%;
    background-color: var(--color-orange);
}

@media (min-width: 768px) {
    .footer {
        font-size: 16px;
        line-height: 150%;
    }
}

/* @media (min-width: 1200px) {
    .footer {
        margin-top: 80px;
    }
} */

.footer__content {
    text-align: center;
}

.footer__content__links {
    margin-bottom: 1em;
}

.footer__content__links span {
    padding: 0;
}

@media (min-width: 768px) {
    .footer__content__links span {
        padding: 0 10px;
    }
}

.footer__content .footer__content__links {
    margin-bottom: 20px;
}


/**
 * Footer markets
 */
.footer__content__markets {
    margin: 0 auto;
}

.footer__content__markets a {
    text-decoration: none;
}

.footer__content__markets a:hover {
    text-decoration: underline;
}

.footer__content__markets span {
    padding: 0 20px;
    line-height: 220%;
    white-space: nowrap;
}

.footer__content__markets span:first-child {
    padding-left: 0;
}

.footer__content__markets span:last-child {
    padding-right: 0;
}

@media (min-width: 768px) {
    .footer__content__markets {
        width: 80%;
    }
}


/**
 * Footer menu
 */
ul.footer__content__links {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.footer__content__links li {
    margin: 0;
    padding: 0 5px;
    border-right: 1px solid var(--color-black);
}

@media (min-width: 768px) {
    ul.footer__content__links li {
        padding: 0 20px;
    }
}

ul.footer__content__links li:last-child {
    border-right: none;
}