.footer{
    background-color: #444444;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    padding: 1rem 4rem ;
    height: auto;
    width: 100%;
}
.footer-top{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.footer-top-left{
    display: flex;
    /* flex-basis: 40%; */
    justify-content: space-evenly;
}
.footer-top-left div{
    /* flex-basis: 10%; */
    margin: .75rem;
}
.footer-top-right{
    /* float: right; */

}
.arrow{
    color: #FECA4A;
    text-decoration: none;
    font-size: 4rem;
    font-weight: 700;
} 
.footer-top-middle{
    padding: 10px;
    margin-top: 1rem;
    color: lightgray;
    margin-right: 5rem;
    font-size: 1.2rem;
}

@media(max-width:900px){
    .footer{
        padding: 1rem 2rem ;
    }
    .footer-top-left div{
        /* flex-basis: 10%; */
        margin: .4rem;
        /* margin-right: 1rem; */
    }
    .footer-top-left{
        margin-right: 1rem;
    }
    .footer-top-middle{
        margin-right: 0rem;
}
@media(max-width:700px){
    .footer-top{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .footer-top-left{
        order: 1;
    }
    .footer-top-right{
        order: 2;
    }
    .footer-top-middle{
        order: 3;
    }
}