.hero-container{
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 overflow-x: hidden;
 width: 100%;
 height: 75vh;
 background-image: url("assets/img/hero-bg.webp");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

.hero-text-container {
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.favourite-sites-section-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 2rem;
  padding-top: 32px;
  padding-bottom: 32px;
}

.favourite-sites-badges-row{
 display: flex;
 flex-direction: row;
 justify-content: flex-start;
 align-items: flex-start;
 flex-wrap: wrap;
 gap: 10px;
 padding-left: 10px;
 padding-right: 10px;
}
.favourite-sites-badges-row a{
  background-color: black;
}

.favourite-sites-badges-row img{
    height: 68px;
    width: auto;
}