*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
#contenedor{
    width: 684px;
    height: 160vh;
    margin: 0 auto;
    background-color: #ccc;
}
#encabezado {
    text-align: center;
    font-size: 35pt;
    background-color: lightgreen;
}
img {
    width: 250px;
}
.imagen {
    position: relative;
    left: 433px;
    top: 10px;
}

#texto1{
    position: relative;
    width:420px;
    top:-350px;
    text-align: justify;
}

#imagen2 {
    position: absolute;
    top: 370px;
    margin-left: 90px;
}

#texto2 {
    position: absolute;
    top: 558px;
    width: 420px;
    text-align: justify;
}

#texto3 {
    position: absolute;
    width:420px;
    text-align: justify;
    top:677px;
}
.imagen3{
    position: relative;
    top: -34px;
    left: 434px;
}
@media (max-width: 720px){
    #contenedor{
        height: 300vh;
    }
    #encabezado {
        font-size: 16pt;
    }
    #texto1{
        margin-left: 100px;
    }
    .imagen {
        left: 178px;
        top:137px;
    }
    #imagen2{
        top: 592px;
        left: 106px;
    }
    .imagen3{
        top: 363px;
        left: 194px;
    }

    #texto2 {
        
        left: 100px;
        top: 773px;
    }

    #texto3 {
       
        left: 100px;
        top: 1200px;
    }
}


@media (max-width: 400px){
    .imagen3{
        left: 200px;
    }
    #contenedor{
        height: 205vh;
    }
}

@media (max-width: 375px){
    
    #contenedor{
        height: 288vh;
    }
    .imagen {
        left: 195px;
        top:137px;
    }

}

@media (max-width: 360px){
    #texto1,#texto2,#texto3{
        font-size: 1.5em;
    }
    #texto2{
        top:1200px;
    }
    .imagen{
        top:300px;
    }
}