.bottom__logos {
    background: #000;
    padding: 3em 0;
}
.regulatory__logos {
    margin-bottom: 3em;
}
.regulatory__logos, .payment__logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    img {
        margin: 0 3em;
    }

    @media (max-width: 767px) {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;

        img {
            height: auto;
            width: 100%;
            max-width: 70px;
            max-height: 30px;
            display: block;
            margin: 1em auto;
        }
    }
}

.bottom__links {
    background: #000;
    padding: 3em 0;

    .links__wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        text-align: center;

        a {
            color: $color-primary;
            font-size: 1.6em;
            padding: 1.5em 0.5em;
            font-family: 'Gilroy-Regular';
        }

        @media (max-width: 767px) {
            grid-template-columns: 1fr 1fr;
        }
    }
}