/* ==========================================================
   GO TO TOP FLOAT BUTTON
========================================================== */

#myTopBtn{

    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -webkit-tap-highlight-color:transparent;

    position:fixed;

    width:65px;
    height:65px;
    min-width:65px;
    max-width:65px;

    right:10px;
    bottom:150px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#1878A6;
    color:#ffffff;

    font-size:34px;
    text-decoration:none;

    border:2px solid #ffffff;
    border-radius:50%;
    overflow:hidden;

    box-shadow:none;

    z-index:2147482998;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background-color .25s ease,
        color .25s ease;
}

#myTopBtn i{
    color:inherit;
}

#myTopBtn:hover,
#myTopBtn:focus,
#myTopBtn:focus-visible,
#myTopBtn:active{

    background:#1878A6 !important;
    color:#ffffff !important;

    border:2px solid #ffffff !important;

    transform:translateY(-3px) scale(1.06) !important;

    box-shadow:
        0 14px 30px rgba(0,0,0,.50),
        0 4px 12px rgba(0,0,0,.20) !important;

    outline:none !important;
}

/* ==========================================================
   RESPONSIVE - 1200 px
========================================================== */

@media (max-width:1200px){

    #myTopBtn{

        width:65px;
        height:65px;
        min-width:65px;
        max-width:65px;

        right:10px;
        bottom:150px;

        font-size:34px;

    }

}

/* ==========================================================
   RESPONSIVE - 900 px
========================================================== */

@media (max-width:900px){

    #myTopBtn{

        width:58px;
        height:58px;
        min-width:58px;
        max-width:58px;

        right:12px;
        bottom:132px;

        font-size:30px;

    }

}

/* ==========================================================
   RESPONSIVE - 600 px
========================================================== */

@media (max-width:600px){

    #myTopBtn{

        width:48px;
        height:48px;
        min-width:48px;
        max-width:48px;

        right:10px;
        bottom:110px;

        font-size:26px;

    }

}