.desktop{display: block;}
.movil{display: none;}
.movilWave{display: none;}

@media screen and (min-width: 720px) and (max-width: 1000px){
  .wrapperProductos{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1, auto);
    grid-gap: 30px;
    width: 100%;
    float: left;
    position: relative;
  }
  * {box-sizing: border-box;}
  .pro1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    line-height: 0;
  }

  .pro2 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    line-height: 0;
  }

  .pro3 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    height: 350px;
  }
  .pro4 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    line-height: 0;
  }


  .wrapperLista{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(1, auto);
    grid-gap: 30px;
    width: 100%;
    float: left;
    position: relative;
  }
  * {box-sizing: border-box;}
  .lis1 {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    line-height: 0;
  }
  .lis2 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    line-height: 0;
  }

  .lis3 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    line-height: 0;
    border-top: 1px solid #CFD2D3;
    margin-top: -30px;
  }

  .lis4 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    line-height: 0;
    margin-top: -30px;
  }


  .lis5 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 5;
    line-height: 0;
    border-top: 1px solid #CFD2D3;

  }

  .lis6 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
    line-height: 0;

  }
}

@media screen and (min-width: 0px) and (max-width: 719px){
.desktop{display: none;}
.movil{display: block;}
.movilWave{display: block;}
.contenedor{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
}
.wrapper{
  display: grid;
  grid-template-columns:1fr;
  grid-template-rows: repeat(1, auto);
  grid-gap: 0px;
  width: 100%;
  float: left;
  position: relative;
}
* {box-sizing: border-box;}
.grid1 {
  grid-column-start: 1;
  grid-column-end: 1;
  grid-row-start: 1;
  grid-row-end: 2;
  line-height: 0;
}
.grid2 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  z-index: 2;
  background: linear-gradient(360deg, rgba(0,0,0,0.8), rgba(18,38,170,0.6), rgba(0,160,223,0.5));
}
.grid3 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  z-index: 2;
}

.grid3Arrow {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  z-index: 2;
}

.contenedorNosotros{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 110px 30px;
}

.wrapperNosotros{
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: repeat(1, auto);
  grid-gap: 30px;
  width: 100%;
  float: left;
  position: relative;
}
* {box-sizing: border-box;}
.nos1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  line-height: 0;
}

.contenedorCertificaciones{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 110px 30px 37px 30px;
  background-color: #CFD2D3;
}
.wrapperCertificaciones{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: repeat(1, auto);
  grid-gap: 30px;
  width: 100%;
  float: left;
  position: relative;
}
* {box-sizing: border-box;}
.cer1 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  line-height: 0;
}

.cer2 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  line-height: 0;
}
.mover{
  position: relative;
  float: left;
  height: auto;
  width:100%;
  padding-left: 30px;
  padding-right: 0px;
  padding-bottom: 110px;
  background-color: #CFD2D3;
}

.contenedorProductos{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 110px 30px 80px 30px;
  background-color: #FFFFFF;
}
.wrapperProductos{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, auto);
  grid-gap: 30px;
  width: 100%;
  float: left;
  position: relative;
}
* {box-sizing: border-box;}
.pro1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  line-height: 0;
}

.pro2 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
  line-height: 0;
}

.pro3 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  height: 300px;
}
.pro4 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  line-height: 0;
}



.wrapperLista{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, auto);
  grid-gap: 30px;
  width: 100%;
  float: left;
  position: relative;
}
* {box-sizing: border-box;}
.lis1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  line-height: 0;
}
.lis2 {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
  line-height: 0;
}

.lis3 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  line-height: 0;
  border-top: 1px solid #CFD2D3;
  margin-top: -30px;
}

.lis4 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
  line-height: 0;
  margin-top: -30px;
}


.lis5 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 4;
  grid-row-end: 5;
  line-height: 0;
  border-top: 1px solid #CFD2D3;

}

.lis6 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 5;
  grid-row-end: 6;
  line-height: 0;

}

.contenedorContacto{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 150px 30px 60px 30px;
  background-color: #1226AA ;
}

.wrapperContacto{
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(1, auto);
  grid-gap: 30px;
  width: 100%;
  float: left;
  position: relative;
}
* {box-sizing: border-box;}
.con1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  line-height: 0;
}

.wrapperFooter{
  grid-gap: 0px;
}

.foo1 {
  padding-left: 30px;
}

.foo1 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  margin-bottom: 30px;
}

.foo2 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
}

.foo3 {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  margin-bottom: 30px;
}


.contenedorOlas{
  margin-top: 82.5vh;
}

}

@media screen and (min-width: 1001px) and (max-width: 1419px){

}

@media screen and (min-width: 801px) and (max-width: 1100px){

  .contenedorContacto{
    margin-top: -35px;
  }

}

@media screen and (min-width: 720px) and (max-width: 800px){

  .contenedorContacto{
    margin-top: -50px;
  }

}

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

  .contenedorNosotros, .contenedorContacto{
    margin-top: -30px;
  }

  .contenedorProductos{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding: 110px 30px 40px 30px;
    background-color: #FFFFFF;
  }

  .contenedorContacto{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    padding: 110px 30px 60px 30px;
    background-color: #1226AA ;
  }

}

@media screen and (min-width: 301px) and (max-width: 400px){

.contenedorNosotros, .contenedorContacto{
  margin-top: -35px;
}

.contenedorProductos{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 110px 30px 40px 30px;
  background-color: #FFFFFF;
}

.contenedorContacto{
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding: 110px 30px 60px 30px;
  background-color: #1226AA ;
}
}