.date{
background: #00faa0 !important;
min-width: 0;
padding: 0.5rem;
border-radius: 1000px;
margin-top: 0.75rem;
display: inline-block;
}

.card:hover{
  background: #00faa0 !important;
  transition: 1s;
}

.card:hover img{
  scale: 1.1;
  transition: 1s;
  transition-timing-function: ease-in-out !important;
}

h1{
margin-top: 0.5rem !important;
}

h1.title{
margin-top: 2rem !important;
font-size: 7.25rem !important;
line-height: 7rem !important;
letter-spacing: -4pt !important;
}

.image-gallery{
  height: 33vh;
  overflow: hidden;
  border-radius: 10px !important;
}

  main{
    margin-top: 7rem;
  }
  .cards-container {
    display: flex;
    column-gap: 1vw;
    row-gap: 1vw;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-bottom: 2rem;
  }

  .card {
    background: #fff9e7;
    border-radius: 1vw;
    width: 46.5vw;
    padding: 1vw;
    box-sizing: border-box;    
  }

  .building-content {
    background: red !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .tag p {
    display: inline;
  }

  .image-gallery img {
    margin-bottom: 10px;
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    object-position: center center; /* ensures perfect centering */
  }

  .building-name {
    margin-bottom: 1rem;
    text-decoration: none;
  }

  a {
    text-decoration: none;
  }

  .filter-checkbox {
    margin-right: 0.5rem;
  }

  .buttons {
    margin-top: 1rem;
  }

  .buttons button {
    margin-right: 0.5rem;
  }

    .buildings-buttons button {
    cursor: pointer;
    font-family: Macan Regular;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    border-radius: 500px;
    display: inline-block;
    width: calc(50% - 0.7rem);
    align-items: center;
    padding: 1rem 1.5rem;
    user-select: none; /* Prevent text selection */
    text-decoration: none !important;
    color: black !important;
    border: solid 1.5px #c5b796;
    background: none;
    box-sizing: border-box;
  }

  @media only screen and (max-width: 1300px) {
    .card {
    background: #fff9e7;
    border-radius: 5vw;
    width: 100% !important;
    padding: 3vw;
    box-sizing: border-box;
    margin-bottom: 6vw;
  }
  
  h1.title{
  font-size: 4rem !important;
  letter-spacing: -2pt !important;
  }

  main{
    margin-top: 15vh;
  }

  .buildings-buttons button {
    cursor: pointer;
    font-family: Macan Regular;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    border-radius: 500px;
    display: inline-block;
    width: calc(50% - 0.7rem);
    align-items: center;
    padding: 1rem 1.5rem;
    user-select: none; /* Prevent text selection */
    text-decoration: none !important;
    color: black !important;
    border: solid 1.5px #c5b796;
    background: none;
    box-sizing: border-box;
  }
  }

  #galleryModal{
    width: 200px;
    height: 200px;
    border: solid 2px red;
  }