#footer_nav{
    padding:10px 3% 20px;
    background: #f5f5f5;
    @media (max-width: 768px) {
        padding-bottom:80px;
    }
}
#footer_nav > ul{
    text-align: center;
}
#footer_nav > ul li{
    display: inline-block;
    margin:10px 10px;
    @media (max-width: 768px) {
        display: block;
    }
}
#footer_nav > ul a{
    text-decoration: underline;
    font-size:14px;
}
#footer_nav > ul a:hover{
    text-decoration: none;
}

.side-fixed-amount {
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.side-fixed-amount.show {
    display: block;
    opacity: 1;
    visibility: visible;
}
.side-fixed-amount.show-with-animation {
    display: block;
    opacity: 1;
    visibility: visible;
    animation: 
        slideInRight 1s ease-out forwards,
        pulse 2s ease-in-out 1s forwards;
}