#Go_Top {
 position: fixed;
 right: 5%;
 width: 40px;
 height: 40px; 
 bottom: -70px;
 z-index: 291; 
 transition: bottom .4s ease; 
 -webkit-transition:  bottom .4s ease; 
}

#Go_Bottom {
 position: fixed;
 right: 5%;
 top: -70px;
 z-index: 291;
 transition: top .4s ease;
 -webkit-transition:  top .4s ease; 
}

#Go_Top .fa, #Go_Bottom .fa {margin: 0;}

#Go_Top a, #Go_Bottom a {
    display: block;
    text-align: center;
    -webkit-transition: .4sease;
    -moz-transition: .4s ease;
    transition: .4sease;
    font-size: 22px;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

#Go_Top a:hover, #Go_Bottom a:hover {background-color: #111; color: #fff;}

.up {bottom: 70px !important;}
.down {top: 70px !important;}

@media (max-width:1024px) { 
#Go_Top, #Go_Bottom {right: 0;} 
.up {bottom: 0px !important;}
.down {top: 0px !important;}
}