@media (min-width: 768px) {
  .container-md.medium-width {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .container-md.medium-width {
    padding-left: 150px;
    padding-right: 150px;
  }
}
@media (min-width: 1200px) {
  .container-md.medium-width {
    padding-left: 250px;
    padding-right: 250px;
  }
}
@media (min-width: 768px) {
  .container-md.small-width {
    padding-left: 150px;
    padding-right: 150px;
  }
}
@media (min-width: 992px) {
  .container-md.small-width {
    padding-left: 250px;
    padding-right: 250px;
  }
}
@media (min-width: 1200px) {
  .container-md.small-width {
    padding-left: 350px;
    padding-right: 350px;
  }
}
@media (max-width: 767.98px) {
  .blog-post .heading-one, .blog-post h1 {
    font-size: 2.25rem;
  }
}
@media (max-width: 767.98px) {
  .blog-post .heading-two, .blog-post h2 {
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .blog-post .heading-three, .blog-post h3 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767.98px) {
  .blog-post .heading-four, .blog-post h4 {
    font-size: 1.2rem;
  }
}
@media (max-width: 767.98px) {
  .blog-post .heading-five, .blog-post h5 {
    font-size: 1.06rem;
  }
}
@media (max-width: 767.98px) {
  .blog-post .heading-six, .blog-post h6 {
    font-size: 0.94rem;
  }
}
.blog-post .generic-layout {
  padding-top: 10px;
  padding-bottom: 10px;
}