.footer__up{
    background-color: rgb(37,85,122);
    color:white;
    padding:5px;
}
.footer__description{
    margin:0;
    padding:10px 30px;
    text-align:center;
    padding-bottom:20px;
    align-self:center;
    line-height:2em;
}
.footer__list{
    
    list-style: none;
    margin:0;
    display:flex;
    justify-content: center;
    align-self:center;

}
.footer__item{
   
    height:70px;
    padding: 10px;
    align-items: center;
}
.footer__link{
    display: inline-block;
    color:white;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 100%;
    text-align:center;
    font-size: 20px;
    line-height: 45px;

}
.footer__link:hover{
    background-color: #fff;
    color:rgb(37,85,122);
}
.footer__down{ 
    margin:auto;
    background-color: #233140;
    color:white;
    padding:10px 0;
    text-align:center;
}
@media (max-width: 420px){
    .footer__description{
        padding: 20px;
        text-align: center;
        font-size: 0.92em;
    }
    .footer__list{
        justify-content:center;
        align-self: center;
    }
    .footer__item{
        align-self: center;
        margin-bottom:5px;
    }
    .footer__down{ 
        margin:auto;
        background-color: #233140;
        color:white;
        padding:5px 0;
        text-align:center;
    }
}

@media (min-width: 768px){
    .footer__description{
        padding: 20px;
        text-align: center;
        
    }
    .footer__list{
        justify-content:center;
        align-self: center;
    }
    .footer__item{
        align-self: center;
        margin-bottom:10px;
    }
}

@media (min-width: 992px){
    .footer__description{
        padding: 20px;
        text-align: center;
    }
    .footer__list{
        justify-content: left;
        align-self: center;
    }
    .footer__item{
        align-self: center;
        margin-top:30px;
    }
}