body {margin: 0;
font-family: Trebuc;
}
.background-fox {
position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.back-fox {
    background: url(/images/fon1.png) repeat-x;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 300vw;
    height: 100vh;
    -webkit-animation: backgroundScroll 100s linear infinite;
    animation: backgroundScroll 100s linear infinite;
    background-color: #EF7F1A;
}

@-webkit-keyframes backgroundScroll {
    from {
        -webkit-transform: translate(0px, 0);
                transform: translate(0px, 0);
    }
    to {
        -webkit-transform: translate(-200vw, 0);
                transform: translate(-200vw, 0);
    }
}

@keyframes backgroundScroll {
    from {
        -webkit-transform: translate(0px, 0);
                transform: translate(0px, 0);
    }
    to {
        -webkit-transform: translate(-200vw, 0);
        transform: translate(-200vw, 0);
    }
}


.text-head-fox {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: -35%;
position: absolute;
z-index:1;
font-size: calc(10em + 1vw);
color: #fff;
left: 50%;

}