.herolanding {
          width: 100%;
      }

      .iconos img {
          width: 100%;
      }

      .iconosmobile img {
          width: 100%;
      }

      .herolandingmoblie {
          display: none;
      }

      .slogan {
          font-family: helvetica, arial, sans-serif;
          font-size: 1.6em;
          font-weight: bold;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          width: 80%;
          margin-top: 20px;
      }

      .texto {
          font-family: helvetica, arial, sans-serif;
          font-size: 1em;
          color: #000c8d;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          width: 60%;
          margin-top: 20px;
      }



      .textofooter {
          font-family: helvetica, arial, sans-serif;
          font-size: 0.8em;
          color: #6f6f6f;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          width: 90%;
          margin-top: 20px;
          margin-bottom: 80px;
      }

      .textofooter .textoAviso {
          color: #0084ff;
          width: 60%;
          margin-top: 20px;
          margin-left: auto;
          margin-right: auto;
      }

      .textokimberly {
          font-weight: bold;
          color: #527096;
          font-size: 1.2em;
          margin-left: auto;
          margin-right: auto;
          width: 80%;
          margin-top: 20px;
      }


      .texto2 {
          font-family: helvetica, arial, sans-serif;
          font-size: 1.2em;
          color: #000;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
          width: 60%;
          margin-top: 20px;
      }

      .backblue1 {
          background-color: #ccf5fb;

      }

      .backblue1 h2 {
          margin-top: 50px;
      }

      .backblue2 {
          background-color: #d8f5fa;
          background-image: url(../images/backtetrapak.webp);
          background-size: 100% 100%;
          height: 1200px;
         
      }

      .backblue2 .lista {
          margin-left: -35px;
          margin-top: 25px;
      }

      .lista ul {
          list-style-type: none;
          text-align: center;
          font-size: 15px;
          color: #000a82;
      }

      .lista ul li:first-child {
          list-style-type: none;
          text-align: center;
          font-size: 20px;
          color: black;
          margin-bottom: 8px;

      }

      h2 {
          text-align: center;
          margin-left: auto;
          margin-right: auto;
      }

      h3 {
          text-align: center;
          margin-left: auto;
          margin-right: auto;
      }

      .backblue3 {
          background-color: #ccf5fb;
      }

      footer {
          height: 300px;
          background-image: url(../images/footerlanding.webp);
          background-size: 100% 100%;
      }

      .txtredes{
          font-size: 21px;
          text-align: center;
          margin-left: auto;
          margin-right: auto;
      }
      .redes img{
          margin-top:20px;
          margin-bottom: 20px;
          width: 45px;
          cursor: pointer;
      }
      .redes img:hover{
        opacity: 0.8;
    }
      .button2 {
          margin-left: auto;
          margin-right: auto;
          margin-top: 50px;
          height: 70px;
          width: 480px;
          color: #fff;
          font-size: 32px;
          line-height: 1.2;
          text-align: center;
          padding: 14px 34px;
          cursor: pointer;
          border-radius: 50px;
          background-color: #0084ff;
      }

      .button2:hover {
          background-color: #1d5095
      }
      .imgabajo{
              display: none;
          }

      @media (max-width: 770px) {
          .herolandingmoblie {
              width: 100%;
              display: block;
          }
          .redes{
            margin-bottom: 50px;
        }
          .lista ul li:first-child {
          list-style-type: none;
          text-align: center;
          font-size: 20px;
          color: black;
          margin-bottom: 9px;

      }
      .lista ul {
        list-style-type: none;
        text-align: center;
        font-size: 13px;
        color: #000a82;
    }
      .backblue2 .lista {
          margin-left: -35px;
          margin-top: 40px;
      }

          .backblue1 h2 {
              margin-top: 50px;
              font-size:0.9em;
          }
          .backblue2 {
          background-color: #d8f5fa;
          background-image: url(../images/backtetrapakmobile.webp);
          background-size: 100% 100%;
          height: 1200px;

      }
          .texto2 {
          font-size: 1em;
          width: 98%;
      }
      .slogan {
          width: 95%;
          font-size: 1.2em;
      }
      .texto {
          width: 95%;
      }
      .backblue3 {
          display: none;
      }
          .herolanding {
              display: none;
          }
          .textofooter{
              display: none;
          }
         

          footer {
              height: 300px;
              background-image: url(../images/footerlanding.webp);
              background-size: cover;
          }
          .imgabajo{
              width: 100%;
              display: block;
              margin-top: -99px;
          }
      }