.banner-load {
    font-size:3em;
    height: 160px;
    background-image: -webkit-linear-gradient(0deg,black,transparent,black),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
    background-image: -moz-linear-gradient(90deg,black,transparent,black),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
    background-image: -o-linear-gradient(90deg,black,transparent,black),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
    background-image: linear-gradient(90deg,black,transparent,black),linear-gradient(transparent 30px, #ff0 30px), repeating-linear-gradient(45deg, transparent, transparent 35px, #ff0 35px, #ff0 70px);
    background-size: auto,auto 132px,auto;

    position: absolute;
    bottom: 4vh;
    z-index: 10;
    /*Apparition*/
    width: 0%;
    animation: extension 2s ease-out 1s forwards;
}
.banner-load span{
    cursor:default;
    color:black;
    display:block;
    padding:1em;
    white-space:nowrap;
    /*Apparition*/
    transform: translateX(-200vw);
    animation: init-slide 2s ease-out 1s forwards;
}

@keyframes extension {
    from {width: 0%;}
    to {width: 100%;}
}
@keyframes init-slide {
    to {transform: translate(0vw);}
}

@media screen and (max-width: 850px) {
    .banner-load {
        bottom: 2%;
        transform: scaley(0.9);
    } 
}

@media screen and (max-width: 600px) {
    .banner-load {
        top: 4vh;
    } 
    .banner-load span {
        font-size: 0.9em;
        line-height: 0.9em;
        /*Break words into 2 lines*/
        white-space: normal;
        word-spacing: 30000px; 
    }
}