.footer  p {
    color: var(--white) !important;
    font-size: var(--font-normal);
    margin-bottom: 0;
}
.footer__copyright{
    text-align: center;
    font-size: var(--font-normal);
}

.footer {
    position: relative;
    background-color:  var(--smocky) !important;
}

footer .navbar a {
    font-size: var(--font-normal);
}


#up_to_page {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    cursor: pointer;
  }

  #up_to_page:hover {
    animation: icon 1s ease-in-out
}

@-webkit-keyframes icon {
    0%{
        bottom: 8px
    }
    25%{
        bottom: 15px   
    }
    50% {
        bottom: 8px
    }
    75%{
        bottom: 15px   
    }
    100% {
        bottom: 8px
    }
}
@keyframes icon {
    0%{
        bottom: 8px
    }
    25%{
        bottom: 15px   
    }
    50% {
        bottom: 8px
    }
    75%{
        bottom: 15px   
    }
    100% {
        bottom: 8px
    }
}

@media (max-width: 598px) {
 
    #up_to_page {
        bottom: 70px ;
    }
    
}