footer {
    background: #400202;
    padding: 30px 0;
    color: #e1b878;
}



footer a,
footer h2 { color: #e1b878; }

@media (max-width: 799.999px) {
    footer section > div > div {
        text-align: center;
        margin: 10px;
    }
}

@media (min-width: 800px) {
    footer section {
        max-width: 1240px;
        margin: 0 auto;
    }

    footer section > div {
        display: flex;
        gap: 40px;
        margin: 20px;
    }

    footer section > div > div  { flex: 1; }

    footer section > div > div:first-child {
        order: 2;
        text-align: center;
    }

    footer section > div > div:last-child {
        order: 3;
        text-align: right;
    }
}