#div_404{
    min-height:768px;
    height:100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.box-404{
    min-height:250px;
}
#h1{
    font-weight: 800;
    font-size: 97px;
    line-height: 48px;
    color: #003366;
}
section{
    background-color:#1E1D1D;
    padding: 10% 0px;
}
.box_motocycle {
    width: 100px;
    height: 100px;
    position: absolute;
    top:0px;
    left:10px;
    bottom:0px;
    animation: from_left_to_right 8s infinite;
    /*animation-direction: alternate;*/
}
@keyframes from_left_to_right {
    0%   {left: 10px;}
    100%  {left: 50%;}
}
@media screen and (max-width: 824px) {
    section{
        padding: 17% 0px;
    }
}
@media screen and (max-width: 528px) {
    section{
        padding-top: 168px;
    }
}
@media screen and (max-width: 442px) {
    .box_motocycle > img{
        width: 120px;
    }
    .box-404{
        min-height:100px;
    }
    .box_motocycle {
        position: absolute;
        width: 20px;

        animation: from_left_to_right 8s infinite;
        /*animation-direction: alternate;*/
    }
}