#article .blog-image {
  background-color: var(--primary-color-dark);
  width: 100%;
}

#article h1 span {
  font-family: Poppins;
  font-size: 36px;
  font-weight: 600;
  margin-top: 2vh;
  margin-bottom: 1vh;
  text-align: center;
  word-wrap: normal;
  width: 100%;
}

#article h1 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#article h2 {
  margin-bottom: 0px;
  padding-bottom: 1vh;
  padding-top: 2vh;
}

#article h2 span {
  font-family: Poppins;
  font-size: 24px;
}


#article h3 {
  padding-bottom: 1vh;
}

#article h3 span {
  font-family: Poppins;
  font-size: 20px;
}

#article li {
  padding-bottom: 5px;
}

#article ul {
  padding-bottom: 5px;
}

#article p, #article li {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

#article p span, #article li span {
  font-family: Open Sans;
  font-size: 18px;
  line-height: 150%;
  margin-top: 0px;
  padding-top: 0px;
}

#article .subtitle {
  font-size: 28px;
  margin-bottom: 2vh;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0vh;
  text-align: center;
}

#article .subtitle span {
  color: black;
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}

#article .title {
  margin-top: 2vh;
  margin-bottom: 1vh;
  margin-left: 15vw;
  margin-right: 15vw;
  text-align: center;
}

#article .title span {
  font-size: 36px;
  font-weight: bold;
}

#article {
  margin-left: 10vw;
  margin-right: 10vw;
}

#article div div:last-child {
  display: none;
}

@media (width <= 48rem) {
  #article {
    margin-left: 0px;
    margin-right: 0px;
  }

  #article .title {
    margin-left: 5vw;
    margin-right: 5vw;
  }
}