/* FOOTER */

footer {
    position:relative;
}

footer ul {
    display: flex;
    justify-content:center;
    align-items:center;
    flex-wrap: wrap;
    flex-direction: row;

}
footer ul li {
    color: rgb(237, 237, 237);
    text-transform: uppercase;
    font-size: 0px;
    padding: 10px;
    
}

footer ul li a {
    text-decoration: none;
    font-size: 20px;
    color: #999999;
    transition: color 0.6s;
   
}

footer ul li a:hover {
    color: rgba(4,226,255,1);
    
}

.ar:hover{
    color: rgba(254,153,0,1);
 }


  @media screen and (max-width: 834px){
    
    footer ul li {
        margin-right: 15px;

    }

}

@media screen and (min-width: 2300px) and (max-width:3200px){

    footer ul li a{
    font-size: 40px;
    padding: 20px;
    }

}