header.home-header.article-header-with-image {
  height: 750px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  header.home-header.article-header-with-image {
    height: 600px;
  }
}

header.home-header.article-header-with-image nav {
  z-index: 2;
}

#articleContent {
  width: 100%;
  padding: 0 20px;
  margin-top: 80px;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}

#articleContent img {
  max-width: 100% !important;
  height: auto;
}

#articleTitle {
  position: relative;
  z-index: 1;
  top: 250px;
  padding: 0px 20px;
}

#articleTitle h1 {
  /*line-height: 2.9rem;*/
  color: white;
  /* Extra small devices (phones, up to 480px) */
  /* Small devices (tablets, 768px and up) */
}

@media screen and (max-width: 767px) {
  #articleTitle h1 {
    font-size: 25px !important;
    line-height: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #articleTitle h1 {
    font-size: 30px !important;
    line-height: 60px !important;
  }
}

p,
ul,
ol {
  /* Extra small devices (phones, up to 480px) */
  /* Small devices (tablets, 768px and up) */
  /* tablets/desktops and up ----------- */
}

@media screen and (max-width: 767px) {
  p,
  ul,
  ol {
    font-size: 15px !important;
    line-height: 30px !important;
    text-align: justify !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  p,
  ul,
  ol {
    font-size: 16px !important;
  }
}

@media (min-width: 992px) {
  p,
  ul,
  ol {
    font-size: 17px;
  }
}

@media (max-width: 1200px) {
  #articleContent article p,
  #articleContent article div,
  #articleContent article a {
    padding-left: 0 !important;
  }
}

#articleContent ul li {
  margin-bottom: 0px !important;
  line-height: initial !important;
}

ol li {
  list-style-position: inside;
}