footer{
    font-family: 'Paperlogy';
    background: #727272;
    color: #fff;
}
.footer_top{
    padding: 2rem 0;
    border-bottom: .5px solid #fff;
    font-size: 1.7rem;
    font-weight: 700;
}
.footer_top ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.f_logo{
    max-width: 380px;
}
.f_top>li::after{
    content: "|";
    display: inline-block;
    margin: 0 5rem;
}
.f_top>li:last-of-type:after{
    content: none;
}
.footer_inner.bot{
    text-align: center;
    padding: 5rem 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    max-width: 60rem;
}
.f_bot{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: 300;
    margin: 3rem 0 1rem;
}
.f_bot>li {
    margin: 0 1.5rem;
    margin-bottom: 1rem;
}
.f_bot>li span{
    font-weight: 700;
    margin-right: 0.5rem;
}
.f_bot+p{
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
}


@media (min-width:0px) and (max-width:1200px){
   

}
@media (min-width:0px) and (max-width:900px){
    .footer_inner.bot {
        padding: 5rem 0 15rem;
    }
    .f_top>li::after {
        margin: 0 2rem;
    }

}
@media (min-width:0px) and (max-width:500px){
    .f_logo{
        width: 70%;
    }
     .f_top{
        font-size: 1.3rem;
    }
    .f_bot{
        font-size: 1.2rem;
        margin: 1rem 0 1rem;
    }
    .f_bot+p {
        font-size: 1.1rem;
    }
    .f_bot>li {
        margin: 0 1rem;
        margin-bottom: 0.5rem;
    }
    .footer_inner.bot {
        padding: 2rem 0 12rem;
    }




}