/* The grid: Four equal columns that floats next to each other */
#columna {
  float: left;
  width: 20%;
  padding: 1px;
}

@media (max-width: 760px) {
    #columna  {
          width: 60%;
          padding-left: 35px;
      } }

/* Style the images inside the grid */
#columna #imag01 {
  opacity: 0.6; 
  cursor: pointer; 
  width: 116%;
}

#columna #imag01:hover {
  opacity: 1;
}

#renglon2{
  float: center;
}

#columna-2 {
  float: center;
  width: 20%;
  padding: 1px;
}

/* Style the images inside the grid */
#columna-2 img {
  opacity: 0.6; 
  cursor: pointer; 
}

#columna-2 img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
#renglon:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
#contenedor1 {
  position: relative;
  overflow-y: auto;
}

@media (max-width: 760px) {
    #contenedor1  {
          margin-top: 50px;
          margin-bottom: 30px;
      } }