.arrow-jt {
    position: relative;
    top: 6rem;
    height: 0;
    margin: 2em 0;
    /*border-left: 13px solid transparent;*/
    /*border-right: 13px solid transparent;*/
    /*border-top: 20px solid white;*/

    -webkit-animation: bounce 2s infinite;
    animation: bounce 3s infinite;
    -webkit-transition: border 200ms ease-in-out, -webkit-transform 300ms ease-in;
    transition: border 150ms ease-in-out, -webkit-transform 300ms ease-in;
    transition: border 150ms ease-in-out, transform 300ms ease-in;
    transition: border 150ms ease-in-out, transform 300ms ease-in, -webkit-transform 300ms ease-in;
}
@media (max-width: 767.98px){

    .arrow-jt {
        position: absolute;
        top: 4rem;
        left: 50%;
        margin: 2em 0;
        /*border-left: 13px solid transparent;*/
        /*border-right: 13px solid transparent;*/
        /*border-top: 20px solid white;*/

        -webkit-animation: bounce 2s infinite;
        animation: bounce 3s infinite;
        -webkit-transition: border 200ms ease-in-out, -webkit-transform 300ms ease-in;
        transition: border 150ms ease-in-out, -webkit-transform 300ms ease-in;
        transition: border 150ms ease-in-out, transform 300ms ease-in;
        transition: border 150ms ease-in-out, transform 300ms ease-in, -webkit-transform 300ms ease-in;
    }

}

.arrow-jt:hover,
.arrow-jt:focus {
    border-top: 20px solid rgba(255, 255, 255, 0.94);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
}
@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    30% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    10% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    30% {
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    40% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    70% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}