.entry-header{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.entry-title, .index-subheading{
  font-family: "Kingdom-Sparrow", Sans-serif;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.page-title{
  font-family: "Kingdom-Sparrow", Sans-serif;
  font-size: 16px;
  font-weight: 200;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 165px auto 100px;
  max-width: 1400px;
  padding-bottom: 0.5em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: url('icons/blog-title-underline.svg');
  background-position: 50% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.blog-subheading{
  margin: auto;
  margin-bottom: 100px;
  font-family: "NoeDisplay-Medium", sans-serif;
  font-size: 50px;
  line-height: 60px;
  color: #1b3d3e;
  font-weight: 400;
  text-align: center;
  max-width: 950px;
}

.index-subheading{
  padding-left: 20px;
  margin: 3em 0;
  font-size: 18px;
  letter-spacing: 2px;
}

.blog-featured-image{
  width: 460px;
  height: 500px;
  object-fit: cover;
}

.list-categories ul{
  display: flex;
  padding: 0;
  margin: 0;
  margin-bottom: 60px;
}

.list-categories li{
  width: 33.333%;
  text-align: center;
  list-style: none;
}

.list-categories a, .archive-content .postImage{
  margin: auto;
  font-family: 'Kingdom-Sparrow', sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  color: #4C515F;
  position: relative;
}

.archive-content .entry-title{
  margin: 1em 0 0em;
}

.archive-content p{
  font-family: 'EBGaramond', sans-serif;
  color: #1A3D3E;
  font-size: 18px;
  line-height: 29px;
}


/* BLOG NAVIGATION LINKS */

.nav-links, #comments{
  font-family: 'Kingdom-Sparrow', sans-serif;
  margin: auto;
  max-width: 1400px;
}

.nav-links .nav-title{
  text-transform: uppercase;
  letter-spacing: 1px;
}

.nav-links .nav-subtitle img{
  display: inline;
  width: 1.5em;
  margin: 0 0.5em;
  transform: translateY(-2px);
}

#comments{
  margin-bottom: 2em;
}

.form-submit #submit{
  font-family: 'Kingdom-Sparrow', sans-serif;
  background: transparent;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0;
  margin: 0;
  line-height: 20px;
  color: #1B3D3E;
  cursor: pointer;
}




.related{
  padding-left: 20px;
  margin: 160px auto 60px;
  max-width: 1400px;
}

.related a{
  position: relative;
}

.related a::after{
  content: "";
  position: absolute;
  background-image: url(right-arrow.svg);
  background-size:contain;
  background-repeat: no-repeat;
  height: 1em;
  width: 2em;
  top: -2px;
  right: -4.5em;
  padding-left: 1.5em;
}

#footer-related{
  padding: 0;
  margin: auto;
  display: flex;
  margin-bottom: 100px;
  max-width: 1400px;
}

#footer-related .entry-title{
  margin-top: 1em;
}

#footer-related li{
  width: 33.333333333334%;
  padding: 0 20px;
  list-style:none;
}

#footer-related a{
  text-decoration: none;
}

#footer-related p{
  font-size: 1rem;
  line-height: 1.5;
}


@media screen and (max-width: 1000px){

  .blog-featured-image{
      width: 100%;
  }

  .blog-subheading{
    padding: 0 20px;
    font-size: 32px;
    line-height: 40px;
  }

  .related{
    margin-top: 60px;
  }

  #footer-related{
    flex-direction: column;
  }

  #footer-related li{
    width: auto;
  }

}

@media screen and (max-width: 650px){

  .blog-subheading{
    padding: 0 10px;
    font-size: 26px;
    line-height: 34px;
  }

  .list-categories ul{
    flex-direction: column;
    align-items: center;
  }

  .list-categories li{
    width: 100%;
  }

  .list-categories a{
    margin: 10px auto;
  }

}