.hero h1{
        font-family: "gelica", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:60px;
        line-height:60px;
        color:white;
        max-width:784px;
}

      .hero{
        display:flex;
        width:100%;
        height:604px;
        background-color:black;
        padding:25px 20px;
        justify-content:center;
        align-items:center;
        overflow:hidden;
        position:relative;
        
      }
    
      .heroContent{
        position: relative;
        display:flex;
        width:100%;
        max-width:1200px;
        /*background-color: pink;*/
        z-index: 2;
      }
      
      .heroFondo{
        position:absolute;
        display:flex;
        top:0;
        left:0;
        width:100%;
        height:100%;
        z-index: 0;
      }
      
      .hero img{
        width:100%;
        height:100%;
        object-position:center top;
        object-fit:cover;
      }
      

      @media(max-width:714px){


        .hero{
          height: 65vh;
          align-items: flex-end;
          padding-bottom: 90px;
          justify-content: center;
        }

        .heroFondo img{
          object-position: 80% 0;
        }

        .heroContent{
          /*background-color: pink;*/
          text-align: center;
        }

        .hero h1{
          font-size: 39px;
          line-height: 36px;
          text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
        }


      }