footer {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.footer-contacts {
    width: 100%;

    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;

    padding: 40px 60px;
}

.footer-contact {
    width: calc(25% - 15px);

    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.footer-contact-icon {
    border-radius: 5px;

    background: #f2f3f7;
    
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 10px;
}

.footer-copyright {
    width: 100%;

    color: #ffffff;
    background: #1c242d;
    
    font-size: 14px;
    
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 5px 60px;

    text-align: center;
    text-transform: uppercase;
}

@media only screen and (max-width: 900px) {
    .footer-contacts {
        padding: 40px 20px;
    }
    
    .footer-contact {
        width: calc(50% - 20px);
        
        flex-direction: column;
        align-items: center;
    }
    
    .footer-contact > span {
        text-align: center;
    }
}