/* ---- archive blog ---- */
main.archive-blog {
  background-color: #FFFFFF;
  padding: 85px 0 80px 0;
}
.archive-blog-header {
  background-color: #F7F7F7;
  padding: 50px 0;
  margin: 0 0 60px 0;
}
.archive-blog-header h1 {
  font-size: 42px;
  font-weight: 600;
  color: #001a45;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #cccccc;
}
.archive-blog-header p {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
main.archive-blog article img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}
main.archive-blog article h2 {
  margin: 0;
}
main.archive-blog article h2 a {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  color: #001a45;
  text-decoration: none;
  margin: 0 0 10px 0;
}
main.archive-blog article .excerpt p {
  font-size: 14px;
  font-weight: 400;
  color: #888888;
  margin: 0 0 10px 0;
}
main.archive-blog article a.read-more-cta {
  font-size: 14px;
  font-weight: 600;
  color: #155b95;
  margin: 0;
  text-decoration: none;
  transition: 0.15s linear all;
}
main.archive-blog article a.read-more-cta:hover {
  text-decoration: underline;
}


/* ---- single blog ---- */
main.single-blog {
  background-color: #FFFFFF;
  padding: 85px 0 80px 0;
}
.content-column {
  max-width: 980px;
  width: 100%;
  height: auto;
  padding: 0 15px;
  margin: 0 auto;
}
.content-column img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
}
.content-column h2 {
  margin: 0 0 20px 0;
}
.content-column p {
  margin: 0 0 16px 0;
}
.content-column p:last-of-type {
  margin: 0;
}
.content-column a.img {
  display: block;
  margin: 20px 0;
}
.content-column img {
  display: block;
}
main.single-blog section.header {
  padding: 20px 0;
  margin: 20px 0;
  border-bottom: 1px solid #ccc;
}
main.single-blog section {
  margin: 0 0 40px 0;
}
main.single-blog section:last-of-type {
  margin: 0;
}
main.single-blog h1 {
  font-size: 48px;
  font-weight: 600;
  color: #001a45;
  margin: 0 0 20px 0;
}
main.single-blog h2 {
  font-weight: 600;
  color: #001a45;
}
main.single-blog p {
  color: #333333;
}
main.single-blog ul li {
  color: #333333;
}
main.single-blog ol li {
  color: #333333;
}
main.single-blog a {
  color: #001a45;
}

@media only screen and (max-width: 768px) {
  .archive-blog-header {
    margin: 0;
  }
  .archive-blog-header h1 {
    font-size: 36px;
  }
  .archive-blog-wrapper .col-md-3 {
    margin: 20px 0 0 0;
  }

  .content-column {
    padding: 0;
  }
  main.single-blog h1 {
    font-size: 30px;
  }
}