.home-hero__background {
  height: 425px;
  width: 100%;
}

.home-hero__card-wrapper {
  display: flex;
  justify-content: flex-start;
  margin-top: -245px;
}

.home-hero__card {
  display: flex;
  flex-direction: column-reverse;
  background-image: url("https://1664077.fs1.hubspotusercontent-na1.net/hubfs/1664077/logo-bg.png");
  max-width: 1600px;
  width: 100%;
  border-radius 32px 0px;
}

.home-hero__card-content {
  display: flex;
  flex-direction: column;
  padding: 2.5rem 1.5rem;
  width: 100%;
  text-align:center;
}

.home-hero__main-content {
  width: 100%;

}

.responsive-image {
  height:auto;
  max-width:100%;
}
.home-hero__subtitle {
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  font-size:25px;
}

#home-hero__countdown ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  justify-content:center;
}

#home-hero__countdown ul li {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  color:#ffffff;
  margin:10px;
}

#home-hero__countdown ul li span {
  border-radius: 0rem 0.5rem;
  font-weight: bold;
  font-size: 1.5rem;
  margin-right: 0.25rem;
  padding: 0.25rem;
  text-align: center;
  width: calc(50px + 1rem);
  background-color: #B1D67D!important;
  color:#121212 !important;
}

.home-hero__button-wrapper {
  margin-top: 1.5rem;
  width: 100%;
 
}


 .button.button--black{
    border-color:#121212;


  }
  
  .button.button--black.button--outline {
    color:#121212;
    background-color:#F0CB86;
    border-radius:8px!important;

    font-size:1.5rem!important;
/*   filter:drop-shadow(0.3rem 0.3rem #F0CB86); */
  }
  
    .button.button--black.button--outline:hover {
    color:#121212;
    background-color:#f1f1f1;
    border-radius:8px!important;

    font-size:1.5rem!important;
/*    filter:drop-shadow(0.3rem 0.3rem #F0CB86); */
  }
  
@media (min-width: 767px) {
  .home-hero__background {
    height: 450px;
  }

  .home-hero__card-wrapper {
    margin-top: -220px;
  }

  .home-hero__card {
    flex-direction: column;
    border-radius:0 32px;
  }

  .home-hero__card-content {
    padding: 2rem;
    border-radius:0% 32px!important;
  }

  .button.button--black{
    border-color:#121212;


  }
  
  .button.button--black.button--outline {
    color:#121212;
    background-color:#F0CB86;
    border-radius:8px!important;

    font-size:1.5rem!important;
 /*    filter:drop-shadow(0.3rem 0.3rem #F0CB86); */
  }
  
    .button.button--black.button--outline:hover {
    color:#121212;
    background-color:#e7d0a6;
    border-radius:8px!important;

    font-size:1.5rem!important;
 /*   filter:drop-shadow(0.3rem 0.3rem #F0CB86); *?
  }
  
  
  
  #home-hero__countdown ul li span {
    padding: 0.5rem;
    width: calc(50px + 2.5rem);
  }
}