@media only screen and (min-width:150px) {
    #video {
        position: absolute;
        width: 357px;
        height: auto;
        margin-top: 490px;
        z-index: 1;
    }
    #capa_video {
        position: absolute;
        width: 357px;
        height: 190px;
        top: 0px;
        background: rgba(0, 0, 0, 0.4);
        z-index: 2;
    }
    #seccion1 {
        position: absolute;
        width: 357px;
        height: 440px;
        left: 0px;
        margin-top: 650px;
        z-index: 3;
        background-color: #298CBA;
    }
    #img1 {
        width: 100%;
        height: auto;
        margin-left: 0px;
    }
    #img2 {
        width: 355px;
        height: auto;
        margin-left: -25px;
        margin-top: 0px;
    }
    #img3 {
        width: 0%;
        height: auto;
        margin-left: -30%;
        margin-top: 0px;
    }
    #txt1 {
        position: absolute;
        width: 300px;
        height: auto;
        left: 25px;
        top: 25px;
    }
    #slide {
        position: absolute;
        width: 357px;
        height: 200px;
        left: 0px;
        top: 405px;
        background-color: #fff;
    }
    #titulo1 {
        color: #374A8E;
        margin-top: 20px;
        font-size: 20px;
    }
    #wrap {
        width: 100%;
        height: auto;
        margin-top: 22px;
    }
    #seccion2 {
        position: absolute;
        width: 357px;
        height: 1595px;
        left: 0px;
        margin-top: 1255px;
        z-index: 3;
        background-color: #fff;
    }
    .grid__item {
        width: 315px;
        padding: 10px;
    }
    .img-wrap:hover {
        transform: scale(1.03);
        transition: 0.6s;
    }
    #footer {
        left: 0px;
        margin-top: 2851px;
    }
}
@media only screen and (min-width:375px) {
    #video {
        width: 100%;
        margin-top: 310px;
    }
    #capa_video {
        width: 100%;
        height: 550px;
    }
    #seccion1 {
        width: 100%;
        height: 320px;
        margin-top: 500px;
    }
    #txt1 {
        width: 91%;
        margin-left: -1.8%;
        top: 35px;
    }
    #img2 {
        width: 100%;
    }
    #slide {
        width: 100%;
        height: 210px;
        top: 320px;
    }
    #titulo1 {
        margin-top: 20px;
    }
    #seccion2 {
        width: 100%;
        height: 1715px;
        margin-top: 1025px;
    }
    .grid__item {
        width: 340px;
    }
    #footer {
        margin-top: 2742px;
    }
}
@media only screen and (min-width:423px) {
    #seccion1 {
        margin-top: 520px;
        height: 330px;
    }
    #slide {
        top: 330px;
    }
    #seccion2 {
        height: 1895px;
        margin-top: 1055px;
    }
    .grid__item {
        width: 380px;
    }
    #footer {
        margin-top: 2952px;
    }
}
@media only screen and (min-width:515px) {
    #seccion1 {
        margin-top: 550px;
        height: 349px;
    }
    #slide {
        height: 200px;
        top: 349px;
    }
    #seccion2 {
        height: 2320px;
        margin-top: 1093px;
    }
    .grid__item {
        width: 470px;
    }
    #txt1 {
        width: 92%;
        margin-left: 0%;
        top: 35px;
    }
    #footer {
        margin-top: 3415px;
    }
}
@media only screen and (min-width:580px) {
    #seccion1 {
        margin-top: 590px;
        height: 410px;
    }
    #txt1 {
        top: 55px;
    }
    #img2 {
        margin-top: 5%;
    }
    #slide {
        top: 410px;
    }
    #seccion2 {
        height: 2660px;
        margin-top: 1200px;
    }
    .grid__item {
        width: 540px;
    }
    #footer {
        margin-top: 3861px;
    }
}
@media only screen and (min-width:630px) {
    #seccion1 {
        height: 425px;
        margin-top: 620px;
    }
    #slide {
        height: 230px;
        top: 425px;
    }
    #seccion2 {
        height: 2885px;
        margin-top: 1265px;
    }
    .grid__item {
        width: 590px;
    }
    #footer {
        margin-top: 4152px;
    }
}
@media only screen and (min-width:730px) {
    #seccion1 {
        margin-top: 680px;
        height: 445px;
    }
    #slide {
        height: 240px;
        top: 445px;
    }
    #seccion2 {
        height: 3285px;
        margin-top: 1360px;
    }
    .grid__item {
        width: 675px;
    }
    #footer {
        margin-top: 4646px;
    }
}
@media only screen and (min-width:780px) {
    #slide {
        height: 250px;
        top: 456px;
    }
    #seccion2 {
        height: 1005px;
        margin-top: 1385px;
    }
    .grid__item {
        width: 360px;
        padding: 10px;
    }
    #footer {
        margin-top: 2391px;
    }
}
@media only screen and (min-width:880px) {
    #slide {
        height: 268px;
        top: 495px;
    }
    #seccion2 {
        height: 1110px;
        margin-top: 1440px;
    }
    .grid__item {
        width: 400px;
        padding: 10px;
    }
    #footer {
        margin-top: 2551px;
    }
}
@media only screen and (min-width:970px) {
    #slide {
        height: 280px;
        top: 515px;
    }
    #seccion2 {
        height: 1250px;
        margin-top: 1475px;
    }
    .grid__item {
        width: 454px;
        padding: 10px;
    }
    #footer {
        margin-top: 2726px;
    }
}
@media only screen and (min-width:1024px) {
    #video {
        margin-top: 90px;
    }
    #capa_video {
        height: 750px;
    }
    #seccion1 {
        height: auto;
        margin-top: 610px;
    }
    #titulo1 {
        margin-top: 30px;
        font-size: 28px;
    }
    #slide {
        height: 300px;
        top: 515px;
    }
    #seccion2 {
        width: 100%;
        height: 1295px;
        margin-top: 1425px;
    }
    .grid__item {
        width: 474px;
        padding: 10px;
    }
    #footer {
        margin-top: 2721px;
    }
}
@media only screen and (min-width:1100px) {
    #video {
        margin-top: 100px;
    }
    #capa_video {
        height: 600px;
    }
    #seccion1 {
        margin-top: 630px;
    }
    #img1 {
        width: 400px;
        float: left;
    }
    #img2 {
        width: 0%;
        margin-left: -30%;
        margin-top: 0px;
    }
    #img3 {
        width: 683px;
        float: right;
    }
    #txt1 {
        width: 30%;
        left: 4%;
        top: 15px;
    }
    #slide {
        height: 260px;
        top: 235px;
    }
    #wrap {
        margin: auto;
        width: 780px;
        margin-top: 28px;
    }
    #seccion2 {
        height: 555px;
        margin-top: 1125px;
    }
    .grid__item {
        width: 324px;
        padding: 10px;
    }
    #footer {
        margin-top: 1681px;
    }
}
@media only screen and (min-width:1270px) {
    #capa_video {
        height: 600px;
    }
    #seccion1 {
        margin-top: 700px;
        height: 380px;
    }
    #img1 {
        width: 430px;
        float: left;
    }
    #img3 {
        width: 732px;
        float: right;
    }
    #txt1 {
        top: 40px;
    }
    #slide {
        height: 260px;
        top: 255px;
    }
    #seccion2 {
        height: 660px;
        margin-top: 1215px;
    }
    .grid__item {
        width: 394px;
        padding: 10px;
    }
    #footer {
        margin-top: 1876px;
    }
}
@media only screen and (min-width:1376px) {
    #video {
        margin-top: 90px;
    }
    #capa_video {
        height: 700px;
    }
    #seccion2 {
        height: 705px;
        margin-top: 1215px;
    }
    .grid__item {
        width: 427px;
        padding: 10px;
    }
    #footer {
        margin-top: 1916px;
    }
}
@media only screen and (min-width:1450px) {
    #seccion1 {
        margin-top: 770px;
    }
    #txt1 {
        width: 35%;
    }
    #seccion2 {
        height: 740px;
        margin-top: 1285px;
    }
    .grid__item {
        width: 444px;
        padding: 10px;
    }
    #footer {
        margin-top: 2026px;
    }
}
@media only screen and (min-width:1550px) {
    #seccion2 {
        height: 800px;
    }
    .grid__item {
        width: 484px;
        padding: 10px;
    }
    #footer {
        margin-top: 2086px;
    }
}
@media only screen and (min-width:1803px) {
    #txt1 {
        top: 65px;
    }
}