.back-to-top {
    position: fixed;
    width: 3%;
    bottom: 2%;
    right: 1%;
    background-color: rgba(35, 81, 220, 0.705);
    border-radius: 30px;
    color: white;
    filter: invert(100%) drop-shadow(2px 3px 6px grey);
    display: none;
}

@media only screen and (min-width:565px) and (max-width: 992px) {
    .back-to-top {
        width: 5%;
        border-radius: 34px;
    
        }
}

@media only screen and (max-width: 564px) {
    .back-to-top {
        width: 8%;
        border-radius: 34px;
    
        }
}

/* @media only screen and (max-height: 715px) {
    .back-to-top {
    width: 3.3%;
    border-radius: 34px;

    }
} */