.portada{
  padding-top:30px;
  padding-bottom: 30px;
}

  .portada .celda-titulo{
    width:40%;
    font-size: 80px;
    color:#DF572A;
    text-align: center;
  }

    .portada .celda-titulo .interno{
      padding-right: 30px;
    }

  .portada .celda-foto{
    width:60%;
  }
    .portada .celda-foto .interno{
      padding-left: 30px;
    } 

    .portada .celda-foto .bordeado{
      border:1px solid #DF572A;
    } 

    .portada .celda-foto img{
      width:100%;
      display: block;
      position: relative;
      top:20px;
      right: 20px;
    }

@media only screen and (max-width: 1350px) {
  .portada .celda-titulo{
    font-size: 60px;
    position: relative;
    top:60px;
  }
}

@media only screen and (max-width: 1000px) {
  .portada .celda-titulo{
    font-size: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .portada .celda-titulo{
    width:45%;
  }
  .portada .celda-foto{
    width:55%;
  }

  .portada .celda-titulo{
    font-size: 40px;
  }

  .portada .celda-titulo .interno{
    padding-right: 10px;
  }
}

@media only screen and (max-width: 650px) {
    .portada .celda-titulo{
      font-size: 40px;
    }
    .portada .celda-titulo{
      top:40px;
    }
}

@media only screen and (max-width: 550px) {
    .portada .celda-titulo{
      width:100%;
    }
    .portada .celda-foto{
      width:100%;
      margin-top:50px;
    }
}
.tintes{
  padding-top:100px;
  padding-bottom: 30px;
}

  .tintes .celda-ilustracion{
    width: 40%;
    text-align: center;
  }

  .tintes .celda-ilustracion img{
    width:100%;
    max-width: 150px;
  }

  .tintes .titulo-categoria{
    color:#DF572A;
    text-align: left;
    border-top: 1px solid #DF572A;
    padding-top:10px;
    max-width: 250px;
    margin:10px auto;
  }

  .tintes .celda-texto{
    width: 60%;
    text-align:right;
  }

  .tintes .celda-texto .interno{
    padding-right: 200px;
  }

.titulo-categoria{
  font-size: 40px;
}

@media only screen and (max-width: 1000px) {
  .tintes .celda-texto .interno{
    padding-right: 100px;
  } 

  .tintes .celda-ilustracion .interno{
    padding-left: 100px;
  }

  .titulo-categoria{
    font-size: 35px;
  }
}



@media only screen and (max-width: 768px) {
  .tintes .celda-texto .interno{
    padding-right: 50px;
  } 

  .tintes .celda-ilustracion .interno{
    padding-left: 50px;
  }

  .titulo-categoria{
    font-size: 30px;
  }
}



@media only screen and (max-width: 650px) {
  .tintes .celda-texto .interno{
    padding-right: 0px;
  } 

  .tintes .celda-ilustracion .interno{
    padding-left: 0px;
  }
  
  .titulo-categoria{
    font-size: 25px !important;
  }
}


@media only screen and (max-width: 550px) {
  .tintes .celda-ilustracion{
    width:100%;
  }
  .tintes .celda-texto{
    width:100%;
    text-align: center;
    margin-top:40px;
  }
  .tintes .titulo-categoria{
    text-align: center;
  }
}


.peroxidos{
  padding-top:100px;
  padding-bottom: 30px;
}

  .peroxidos .celda-ilustracion{
    width: 40%;
    text-align: center;
  }

  .peroxidos .celda-ilustracion img{
    width:100%;
    max-width: 150px;
  }

  .peroxidos .titulo-categoria{
    color:#DF572A;
    text-align: left;
    border-top: 1px solid #DF572A;
    padding-top:10px;
    max-width: 250px;
    margin:10px auto;
  }

  .peroxidos .celda-texto{
    width: 60%;
    text-align:right;
  }

  .peroxidos .celda-texto .interno{
    padding-left: 200px;
  }  




@media only screen and (max-width: 1000px) {
  .peroxidos .celda-texto .interno{
    padding-left: 100px;
  } 

  .peroxidos .celda-ilustracion .interno{
    padding-right: 100px;
  }
}



@media only screen and (max-width: 768px) {
  .peroxidos .celda-texto .interno{
    padding-left: 50px;
  } 

  .peroxidos .celda-ilustracion .interno{
    padding-right: 50px;
  }

}



@media only screen and (max-width: 650px) {
  .peroxidos .celda-texto .interno{
    padding-left: 0px;
  } 

  .peroxidos .celda-ilustracion .interno{
    padding-right: 0px;
  }
  
}


@media only screen and (max-width: 550px) {
  .peroxidos .celda-ilustracion{
    width:100%;
    margin-top:40px;
    order:1;
  }
  .peroxidos .celda-texto{
    width:100%;
    text-align: center;
    order:2;
    
  }
  .peroxidos .titulo-categoria{
    text-align: center;
  }

  .contenido-peroxidos{
    display: flex;
    flex-direction: column;
  }
}