#e4{
    opacity:1;
}

.e4{
    opacity: 1;
    overscroll-behavior: contain;
}
  
.e4-f1{
    width: 100%;
    position: absolute;
    z-index: 10;
}

#e4-fondo{
    display: block;
    width:100%;
}

#e4-fondo2{
    position: absolute;
    left: 0;
    top:-50%;
    width:100vw;
}

#bulldozer-s4{
    width:24%;
    position: absolute;
    top:40%;
    z-index: 16;
}

.e4-arboles{
    width:100%;
    height: 100%;
    position: absolute;
    top:15%;
    z-index: 15;
    opacity: 1;
}
  
.e4-arboles img{
    position:absolute;
}

#arbol1{
    left:36%;
    top:4%;
    width:6%;
}

#arbol2{
    left:39%;
    top:3%;
    width:7%;
}

#arbol3{
    left:43%;
    top:6%;
    width:5%;
}

#arbol4{
    left:46%;
    top:5%;
    width:6%;
}

#arbol5{
    left:51%;
    top:7%;
    width:6%;
}

#arbol6{
    left:56%;
    top:6%;
    width:7%;
}

#e4-pajaros{
    width:100%;
    height: 100%;
    position: absolute;
    top:0%;
    z-index: 15;
    opacity: 1;
}

.pajaro-terremoto{
    position:absolute;
    width:8%;
}

/* .e4-bulldozer{
    width:100%;
    height: auto;
    position: absolute;
    z-index: 18;
    opacity: 1;
    border:1px solid red;
    top:0;
} */

/* .e4-transparente{
    width:100%;
    position: relative;
}
  
.e4-bulldozer img{
    position:absolute;
    left: 0;
    width:28%;
    top: 32%;
} */

#s4-montanas{
    position: absolute;
    left: -10%;
    top:0;
    width:120%;
    opacity:0;
}

/* .e4-montanas{
    width: 100%;
    position: absolute;
    z-index: 11;
    opacity: 0;
    animation: swing 0.04s infinite alternate cubic-bezier(0.004, 0.03, 0.00515, 0.0955); 
}

.e4-montanas img{
    width:120%;
    margin-left: -10%;
} */

@media only screen and (max-width: 500px) {

    .e4-t1 p{
        position:absolute;
        bottom:30%;
        left: 0%;
        width:100%;
        height: auto;
        padding: 20px 10px;
        background-color: antiquewhite;
        color:rgb(70, 70, 70);
        font-size: 16px;
        text-align: center;
    }
}