div.gallery {
    border: 1px solid rgb(187, 116, 9);
  }

  div.gallery:hover {
    border: 1px solid #777;
  }

  div.gallery img {
    width: 100%;
    height: auto;
  }

  div.desc {
    padding: 15px;
    text-align: center;
  }

  * {
    box-sizing: border-box;
  }

  .responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
  }

  @media only screen and (max-width: 700px) {
    .responsive {
      width: 49.99999%;
      margin: 6px 0;
    }
  }

  @media only screen and (max-width: 500px) {
    .responsive {
      width: 100%;
    }
  }

  .clearfix:after {
    content: "";
    display: table;
    clear: both;
  }
h1{
    margin: 25px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(116, 114, 112);
    color: rgb(185, 10, 10);
    font-family: "Didot";
}
.parrafo1 {
    margin:  50px  50px;
    font-size: 40px;
    font-family: "didot";
    font-style: oblique;
    color:#084d92;
    text-align: center;
    background:(255, 87, 51);
    padding: 50px 100px 50px 100px;
}

h2 {
    font-size: 50px;
    color:#bd840b;
    text-transform: uppercase;
    font-size: 45px;    
    font-family: "didot";
}

h3 {
    font-size: 50px;
    color:(253, 45, 83);
    text-transform: uppercase; 
}
h5 {
  color:#d17c0c;
  text-transform: capitalize;
  font-size: 20px;
  

}
  h6 {
    color:#c40e0e;
    text-transform: capitalize;
    font-size: 20px;
  }