.footer {
    padding: 64px 32px;
    background-color: white;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #7333f3, #4b00e1);
}

.footer__content {
    display: grid;
    grid-template-columns: 1fr repeat(3, 150px);
    gap: 100px;
    padding-bottom: 50px;
}

.footer__logo {
    display: block;
    margin: 0 auto;
    width: 128px;
}

.footer__bottom {
    border-top: 1px solid #DDD;
}

.footer__rights {
    margin-top: 32px;
    text-align: center;
    color: #eee;
}

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

    .footer__logo {
        margin: 0 auto;
    }

    .footer__section {
        text-align: center;
    }
    
    .footer__title {
        text-align: center;
    }
}