/* Footer centering styles */
#contact.contact-info {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 240px;
    padding: 40px 0;
    background: #fff;
    text-align: center;
}

#contact.contact-info > div {
    flex: 1 1 0;
    min-width: 220px;
    max-width: 320px;
}

#contact.contact-info h3 {
    color: #e74c3c;
    margin-bottom: 16px;
}

@media (max-width: 900px) {
    #contact.contact-info {
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
    #contact.contact-info > div {
        max-width: 100%;
    }
}

.main-footer {
    background: #222;
    color: #fff;
    text-align: center;
    padding: 16px 0 8px 0;
    font-size: 15px;
}

.main-footer a {
    color: #fff;
    text-decoration: underline;
}