.blog-page {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
}

/* INTRO CSS */

.blog-page .blog-intro {
  width: 100%;
  max-width: 1440px;
}

/* BLOG PAGE CSS */

.blog-page .blog-featured-container {
 width: 100%;
 height: 100%;
 max-width: 1440px;
 padding: 30px 30px 0;
}

.blog-page .blog-featured-post {
  width: 100%;
  height: 100%;
  min-height: 600px;
  display: flex;
  flex-direction: row;
  box-shadow: rgba(23,40,94,0.08) 0px 4px 24px;
  transition: all 250ms;
  text-decoration: none;
}

@media only screen and (max-width: 1000px) {
  .blog-page .blog-featured-post {
    flex-direction: column;
    min-height: inherit;
  }
}

.blog-page .blog-featured-post:hover {
  box-shadow: rgba(23,40,94,0.12) 0px 4px 24px;
}

.blog-page .blog-featured-image-wrapper {
  width: 66%;
  overflow: hidden;
}

@media only screen and (max-width: 1000px) {
  .blog-page .blog-featured-image-wrapper {
    height: 250px;
    width: 100%;
    order: 0;
  }
}

.blog-page .blog-featured-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 250ms;
}

.blog-page .blog-featured-post:hover .blog-featured-image  {
  transform: scale(1.02);
}

.blog-page .blog-featured-description {
  width: 34%;
  padding: 60px 20px 40px;
}

@media only screen and (max-width: 1000px) {
  .blog-page .blog-featured-description {
    width: 100%;
    padding: 40px 0px 40px;
    order: 1;
  }
}

.blog-page .blog-featured-header {
  padding: 0 40px 20px;
  transition: all 250ms;
}

.blog-page .blog-featured-header:hover {
  color: #0070A8;
}

.blog-page .blog-featured-copy {
  padding: 0 40px 40px;
}

/* ALL POSTS WRAPPERS */

.blog-page .blog-page-container {
  width: 100%;
  max-width: 1440px;
}

.blog-page .blog-page-wrapper {
  width: 100%;
  padding: 15px;
}

.blog-page .blog-page-posts {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}