.centrar2{
    background: #0ea2f8;
    border: 1px solid #fbfbfc;
    text-align: center;
    height: 80px;
    padding: 15px 12% 0 12%;
    border-radius: 10px;
  }

  .pie {
    height:400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/sitio/fiesta.jpg) center;
    background-size: cover;
  }

  .info {
    padding: 5rem 30rem;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0px 0px 25px #222;
    backdrop-filter: blur(20px);
  }

  h2 {
    font: 120% cursive;
    text-align: center;
    color: #fff;
  }

  h3{
    font-size: 2.5rem;
    font-family: 'Times New Roman', Times, serif;
  }

  h4{
    font-size: 1.5rem ;
    font-family: 'Times New Roman', Times, serif;
  }

  h5{
    font-size: .8rem ;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    color: rgb(53, 9, 250);;
  }

  @media  (max-width: 1500px) {  
    .info {
      padding: 3rem 20rem;
    }
  }

  @media  (max-width: 1200px) {
    .centrar2{
      padding: 5px 2% 0 1%;
    }

    h3{
      font-size: 1.5rem;
    }
  
    h4{
      font-size: 1rem ;
    }
    
    .info {
      padding: 2rem 5rem;
    }
  }

  @media  (max-width: 550px) {
    .centrar2{
      padding: 5px 2% 0 1%;
    }

    h3{
      font-size: 1.7rem;
    }
  
    h4{
      font-size: 1.5rem ;
    }

    .pie {
      height:400px;
    }
  }