.blog-container {
  font-family: "Outfit",sans-serif;
  font-size: 1.2em;
  margin-bottom: 30px; }
  .blog-container h1 {
    font-size: 2.5em;
    font-weight: bold;
    margin-bottom: 30px; }
  .blog-container h2 {
    margin-bottom: 20px; }
  .blog-container li {
    margin-left: 35px;
    margin-bottom: 10px; }
  .blog-container .sub-title {
    font-style: italic; }
  .blog-container .blog-content {
    display: flex;
    margin: 40px; }
  .blog-container .authors-container {
    display: flex; }
  .blog-container .author-header-container {
    display: flex;
    width: 100%; }
    .blog-container .author-header-container .author-headshot {
      margin-right: 30px; }
      .blog-container .author-header-container .author-headshot img {
        border-radius: 50%;
        width: 100px;
        height: 100px; }
    .blog-container .author-header-container .blog-info {
      width: 70%; }
      .blog-container .author-header-container .blog-info .author-name {
        font-weight: bold;
        font-size: 1.3em; }
      .blog-container .author-header-container .blog-info .author-title {
        font-size: 1.3em; }
  .blog-container .author-footer-container.section {
    padding-top: 0px; }
  .blog-container .author-footer-container .blog-info .author-about {
    margin-top: 10px;
    margin-bottom: 30px; }
  .blog-container .author-footer-container .blog-info .author-name h3 {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 0px; }
  .blog-container .author-footer-container .blog-info .author-title h4 {
    font-size: 2em; }
  .blog-container .about-the-author.section {
    padding-bottom: 0px; }
  .blog-container .about-the-author h2 {
    font-weight: bold;
    font-size: 1.5em; }

.breadcrumb {
  color: #485fc7;
  width: 100%;
  display: initial;
  margin-top: 5px; }
  .breadcrumb div {
    width: 100%; }
  .breadcrumb a {
    color: #485fc7;
    display: initial; }
    .breadcrumb a:visited {
      color: #485fc7; }
  .breadcrumb img {
    width: 7px; }

h3 {
  margin-bottom: 20px; }

p {
  margin-bottom: 20px; }

ol {
  margin-bottom: 20px; }

.related-blogs-container {
  background-color: #efefef; }

.related-blogs-title {
  font-weight: bold;
  font-size: 1.5em; }

.related-blogs .related-blog .blog-tag {
  font-size: .85em;
  color: #158187;
  font-weight: 500; }

.related-blogs .related-blog .blog-title {
  color: #0c5256;
  font-weight: bold; }

.related-blogs .related-blog img {
  height: 180px; }

.sub-header-container {
  width: 100%;
  display: flex;
  margin-left: 50px; }
  .sub-header-container .share {
    width: 50%;
    padding-left: 7%; }

@media (max-width: 1100px) {
  .breadcrumb {
    white-space: unset;
    line-height: 2em; }
    .breadcrumb a {
      padding: unset;
      padding-right: 5px; }
    .breadcrumb img {
      padding-right: 5px; } }

@media (max-width: 992px) {
  .blog-container .authors-container {
    display: block; } }

@media (max-width: 450px) {
  .blog-container .blog-content {
    margin: 0;
    margin-top: 20px; }
  .blog-container .sub-header-container {
    margin-left: 0px;
    display: block;
    margin-bottom: 5px; }
    .blog-container .sub-header-container .share {
      width: 90%;
      text-align: center; }
  .blog-container .section {
    padding: 0; }
  .blog-container h1 {
    font-size: 1.5em; }
  .blog-container .breadcrumb {
    display: none; }
  .blog-container .author-header-container {
    width: 100%; }
  .blog-container .about-the-author.section {
    padding-top: 50px;
    padding-bottom: 0px; } }
