.conteA {
  position: static;
}

.ConbA {
  position: relative;
    top: 26%;
    left: 138px;
    width: 50%;
}

.ConbB {
  position: absolute;
    top: 20px;
    left: 50%;
    margin: 0;
    padding: 0;
}

.pfa {
  background-image: url("https://iusa.com.mx/assets/imgs/paga-luz-images/00_landing-luz_01.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
  background-origin: content-box;
  background-size: cover;
  height: 300px;
}

.typo h1 {
  font-size: 72px;
color: #FFF;
font-weight: 600;
margin: 0;
padding: 0;
}

.typo h2 {
  font-size: 50px;
      color: #FFF;
      font-weight: 600;
      margin: 0;
      padding: 0;
}

/* segunda sección*/

.Conbb {
  position: relative;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}


.typob h1 {
  font-size: 7.5vh;
color: #e72f47;
}

.typob h3 {
  font-size: 5vh;
color: #000;
}


.tarjeima {
  width: 100%;
  height: auto;
}

.colorc {
  background-color: #e72f47;
}

.colorc h1 {
  color: #FFF;
}

.typob1 {
  font-size: 7.5vh;
    color: #000;
}

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

  .ConbA {
    top: 17%;
    left: 95px;
}

.ConbB {
    top: 21px;
    left: 44%;
}


}

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

/* parte 1 */
  .ConbA {
    top: 29%;
    left: 38px;
}

.typo h1 {
  font-size: 6.5vh;
}

.typo h2 {
  font-size: 3.5vh;
}

  .ConbB {
      top: 59px;
      left: 47%;
    }

.ConbB img {
  width: 372px;
}


.colorc h1 {
  color: #FFF;
  font-size: 3.5vh;
}

.typob1 h1 {
  font-size: 3.5vh;
  color: #000;
}

.typob h1 {
  font-size: 3.5vh;
}

}

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

  .ConbA {
      top: 15%;
      left: 25px;
  }

  .typo h1 {
    font-size: 4.5vh;
}

.ConbB {
  display: none;
}

.ConbA {
  width: 100%;
  text-align: center;
  left: 0;
}

.pfa {
  height: 148px;
}

.typob h1 {
    font-size: 4.5vh;
}

.typob h3 {
    font-size: 2.5vh;
    margin: 5px 15px;
}

.typob h1 {
    font-size: 3.5vh;
}

}