#blog-index-hero {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-bottom: 20px;

}
#blog-index-hero h1{
    text-transform: uppercase;
  color:black;
 font-size:60px;
max-width:550px;
    line-height: 60px;
    margin-bottom: 50px;
margin-top:70px;
text-align:center;
  font-weight:400;
}
.blog-index-subtitle{
    transform: rotate(-4deg);
    font-family: jimmy-collins,sans-serif;
font-size:50px;
}
#blog-index-hero h1 b{
color:#FF1F6C;
  font-weight:900;
}

.topics-filter ul 
{
font-size:20px;
  flex-wrap:wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
gap: 15px;
}

.topics-filter ul li
{
  min-height:45px;
}
.subtitle-line{
    margin-top: -45px;
    margin-right: -25%;
}
.topics-filter{
    max-width: 960px;
margin-top:10px;
display:flex;
  flex-direction:row;
  gap:10px;
  row-gap:10px;
    justify-content: center;
flex-wrap:wrap;
}

span.filter-link-count {
    display: none;
}
.topics-title{

}
.topics-filter a{
background-color:white;
white-space:nowrap;
  color:#3A3A3A;
  border:solid 1px #929292;
  border-radius:10px;
padding:10px;
  transition:all .2s;
}
.topics-filter a:hover,
.topics-filter a.is-active{
background-color:#FF1F6C;
  color:white;
}

@media screen and (max-width: 768px) {
.blog-index-subtitle{
    transform: rotate(-3deg);
font-size:24px;

}
  .subtitle-line{
margin: auto;
    margin-top: -25px;
    width: 80%;
}
  
#blog-index-hero h1{
 font-size:36px;
max-width:550px;
    line-height: 36px;
margin-bottom:10px;
margin-top:50px;
}
.topics-filter ul 
{
font-size:16px;
gap:10px;

  }
  .topics-filter ul li
{
  min-height:37px;
}
.topics-filter {

    margin-top: 20px;
  
}