footer {
    border-top: 2px solid var(--gray);
    background: var(--background-color);

    padding: 1rem 0;
}

footer .comp {
    display: flex;
    flex-direction: row;
    row-gap: 1rem;
    margin: auto;
    margin-bottom: 1rem;
}

.footer-col {
    width: 50%;
}

.footer-col.right {
    text-align: right;
}

.footer-col img {
    height: 6rem;
    padding-bottom: 1rem;
}

/* Responsiveness */
/* md screen */
@media only screen and (max-width: 1200px) {

}

/* sm screen */
@media only screen and (max-width: 992px) {

}

/* xs screen */
@media only screen and (max-width: 768px) {
    footer .comp {
        display: flex;
        flex-direction: column;
    }

    .footer-col, .footer-col.right {
        width: 100%;
        text-align: center;
    }
}

/* xxs screen */
@media only screen and (max-width: 500px) {

}