/* =========================
   FOOTER
========================= */

footer {
    width: 100%;
    margin-top: auto;
}

.footer-a {
    height: 310px;

    display: flex;
    justify-content: space-evenly;
    align-items: center;

    box-shadow: 0 -10px 20px rgba(0,0,0,0.05);

    border-radius: 80px 80px 0 0;
}

.footer-b {
    height: 100px;

    background-color: black;

    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-box {
    width: 250px;
    height: 250px;

    color: black;
}

.footer-box1-text {
    font-weight: 100;
}

.footer-box2-text,
.footer-box3-text {
    color: #BF3AB0;
}

/* =========================
   TABLET
========================= */

@media (max-width: 1024px) {

    .footer-a {
        padding: 0 20px;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width: 768px) {

    .footer-a {
        flex-direction: column;

        height: auto;

        padding: 30px 20px;

        gap: 20px;

        border-radius: 40px 40px 0 0;
    }

    .footer-box {
        width: 100%;
        height: auto;

        text-align: center;
    }

    .footer-b {
        height: auto;

        padding: 20px;

        text-align: center;

        font-size: 13px;
    }
}

@media (max-width: 480px) {

    .footer-a {
        padding: 25px 15px;
    }

    .footer-b {
        font-size: 12px;
    }
}