#blogpage p,
#blogpage li {
   font-family: var(--fontFamily-paragraphs);
    letter-spacing: -0.003em;
    --baseline-multiplier: 0.179;
    --x-height-multiplier: 0.35;
    font-size: 1rem;
    line-height: 1.8;
    margin: 0.5rem 0;
  }
#blogpage h1 {
    margin-top: 1rem;
    font-size: 42px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.011em;
    margin-bottom: 2rem;
  }
  
  #blogpage h1,
  #blogpage h2,
  #blogpage h3,
  #blogpage h4,
  #blogpage h5,
  #blogpage h6 {
   font-family: var(--fontFamily-titles);

    display: inline-block;
    position: relative;

    margin-bottom: 1rem;
  }

#blogpage {
    background-color: var(--white-900);
    margin: 10px 0 0 0;
    padding-bottom: 2rem;
}

#blogpage .content-heading{
    padding-top: 2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

#blogpage .content-heading span{
    margin-top: -1rem;
    margin-bottom: 2rem;
    width: 100%;
    max-width: 1024px;
   font-family: var(--fontFamily-titles);
    color: var(--orange-700);
}

#blogpage .content-heading h1 {
    max-width: 1024px;
    width: 100%;
}

.thumbnail-container {
    max-width: 1440px;
    margin-bottom: 2rem;
}

.thumbnail-container img {
    max-width: 100%;
}

#blogpage .content{
    max-width: 1024px;
    margin: 0 auto;
}

@media screen and (max-width: 1024px){
    #blogpage .content,  #blogpage .content-heading{
        padding: 0 1rem;
    }
}