#intro.blogpost {
  background-size: cover !important;
  height: 50vh; }
  @media (max-width: 1080px) {
    #intro.blogpost {
      height: 50vh !important;
      min-height: 50vh;
      box-sizing: border-box; } }
  #intro.blogpost h3 {
    margin-top: 0px !important; }

.intro-filter {
  width: 100%;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.4); }

#blog-page {
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: auto;
  padding: 100px;
  text-align: left;
  box-sizing: border-box;
  background-color: #ffffff;
  overflow: hidden; }
  @media (max-width: 1080px) {
    #blog-page {
      padding: 70px 10% 70px 10%; } }
  #blog-page h1 {
    font-size: 36px;
    font-weight: 600;
    font-family: 'TexGyreAdventor';
    clear: both; }
  #blog-page h2, #blog-page h3 {
    font-family: 'TexGyreAdventor';
    font-weight: 600;
    font-size: 20px;
    margin: 30px auto; }
  #blog-page p, #blog-page li {
    font-size: 16px;
    font-family: 'TexGyreAdventor';
    margin: 30px auto;
    text-align: left; }
  #blog-page blockquote {
    font-size: 18px;
    font-style: italic;
    font-family: 'TexGyreAdventor';
    margin: 50px auto;
    text-align: left; }
  #blog-page li {
    padding-left: 40px; }
  #blog-page .blog-image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 0px; }

ul.featured-entries,
ul.latest-entries {
  list-style: none;
  padding: 0;
  margin: 0; }

ul.latest-entries li {
  margin-bottom: 10px; }
ul.latest-entries a {
  display: block;
  padding: 10px;
  color: #000;
  background: #f8f8f8; }
  ul.latest-entries a:hover, ul.latest-entries a:focus {
    text-decoration: none;
    background: #fff; }
ul.latest-entries img {
  display: block;
  width: 100%;
  height: auto; }
ul.latest-entries h2 {
  margin-top: 20px;
  margin-bottom: 0; }
ul.latest-entries h4 {
  margin-top: 10px;
  margin-bottom: 15px; }