.logo-block {
    display: flex;
    flex-direction: column;    /* Stack items vertically */
    justify-content: center;
    opacity: 0.8;
    height: 40%;
    width: 20%;
    /* background-color: lightgreen; */
    align-items: center;       /* Horizontally center them */
    text-align: center;        /* Optional, if you want text centered too */
  }

  .logo-container {
    position: relative;
    /* background-color: lightgoldenrodyellow; */
    width: 150px;
    height: 150px;
    text-align: center;
    overflow: hidden;
    display: flex;              /* NEW */
    justify-content: center;   /* Horizontally center */
    align-items: center;       /* Optionally vertically center */
}

.hero-logo{
  width: 100%;
}


  .header-title {
    font-size: 2em;
    font-family: 'Irish Grover', sans-serif;
  }
  
  .header-subtitle {
    font-size: 1em;
    font-family: 'Irish Grover', sans-serif;
  }
 
    /* Mobile style */ 

    @media (max-width: 1550px) {
  
      .logo-container {
        display: none;
      }
    }


@media (max-width: 768px) {
  
    .logo-block {
      width: 50%;
    }
    
    .logo-container {
      display: none;
    }

  .header-title {
        font-size: 1.75em;
      }
  
    .header-subtitle {
        font-size: 1em;
      }

  }