nav#utility-menu .menu:nth-of-type(2) li {
    padding-top: .2rem;
}

.hero--tfs-detail,
.hero--tfs-landing {
    display: flex;
}

.hero--tfs-landing {
    flex-direction: column;
}

.hero--tfs-landing .hero--tfs-top {
  display: flex;
  flex-direction: row;
}

.hero--tfs .card .hero--tfs-landing .intro-text {
    font-size: 1.25rem;
    margin-top: .5rem;
}


.hero--tfs-detail .heroname--tfs,
.hero--tfs-landing .heroname--tfs {
    flex:1;
}

.hero--tfs-detail .heronav--tfs,
.hero--tfs-landing .heronav--tfs {
    flex:1;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: .25rem;
}

.hero--tfs-detail .heronav--tfs ul.menu,
.hero--tfs-landing .heronav--tfs ul.menu {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-direction: row;
    list-style: none;
}

.hero--tfs-detail .heronav--tfs ul.menu li a,
.hero--tfs-landing .heronav--tfs ul.menu li a {
    color: #fff;
    border-bottom: 2px solid transparent;
}



@media screen and (max-width: 64.06125em) {
.hero--tfs-detail .heronav--tfs ul.menu,
.hero--tfs-landing .heronav--tfs ul.menu {
  display: none;
}

.mobile-menu-open .site-header__tfs span {
    margin-bottom: .5rem; 
}

.mobile-menu-open .site-header__tfs ul.menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 80px;
    height: 80px;
  }
}