/*.box-shadow {*/
/*  box-shadow: 0 3px 12px rgba(0,0,0,0.1);*/
/*  -webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.1);*/
/*    padding: 0 !important;*/
/*}*/

#top {
    z-index: 999;
    position: fixed;
     bottom: 20px;
    right: 20px;
    text-decoration: none;
    color: rgba(33,37,41,0);
    background: rgba(194,193,193,0.48);
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    padding: 6px 12px !important;
    border-style: solid;
    border-color: rgba(70,71,72,0);
    border-radius: 40px;
    display: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
}

#top > i {
    font-size: 1rem;
    width: 20px;
    height: 20px;
    min-height: 20px;
    min-width: 20px;
    max-width: 20px;
    max-height: 20px;
    margin: 0;
}



@media only screen and (min-width: 992px) {
    #top {
        transform: scale(1);
    }
}
@media only screen and (min-width: 768px) {
    #top {
        transform: scale(0.9);
    }
}
@media only screen and (max-width: 600px) {
    #top {
        transform: scale(0.7);
    }
}