.responsive {
  width: 100%;
  height: 100%;
}

.container{
  height: 50%;
  /*border: red 2px solid; */
  display: flex;
  flex-direction: row;
}

.celda1{
  width: 33.3%;
  /* height: 500px; */
  height: 33.3%;
  /* background-color: blue; */
  margin-right: 25px;
}

.celda2{
  width: 33.3%;
  height: 33.3%;
  /* background-color: green; */
}

.celda3{
  width: 33.3%;
  height: 33.3%;
  /* background-color: yellow; */
  margin-left: 25px;
}

@media screen and (max-width: 425px) {
  .container{
    flex-direction: column;
  }

  .celda1, .celda2, .celda3{
    width: 100%;
  }

  }

/* Rounded border */
hr.rounded {
  border-top: 8px solid #bbb;
  border-radius: 5px;
}