h1, h2, h3, h4, h5, h6, a {
  font-family: 'Lato', sans-serif;
  -ms-word-break: normal;
  word-break: normal;
  text-decoration: none;
}

p {
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0.9em;
}

h2 {
  font-size: 28px;
  font-weight: 700;
}

h3 {
  font-weight: 900;
  font-size: 24px;
}

h4 {
  font-size: 24px;
  line-height: 32px;
}

.blog-title {
  text-align: center;
}

#main_slogan {
  border-top: none;
  color: white;
}
/* The services heading is visually hidden (the banner carries that line), so
   the cards take over the space its padding used to put below the banner:
   the same 120px the other section headings get from 1280px. */
#main_columns {
  margin-top: 60px;
}

@media only screen and (min-width: 1280px) {
  #main_columns {
    margin-top: 120px;
  }
}

/* On desktop the banner's text, button and client logos start at the header
   logo's left edge (--ee-header-inset, from ee-nav.css), instead of in the
   narrower centered .whole_page_text_wrap column. The banner's own side
   padding is dropped so the inset is measured from the window edge. */
@media only screen and (min-width: 961px) {
  #main_banner {
    padding-inline: 0 !important;
  }

  #main_banner .banner-content {
    width: auto;
    margin-inline: 0;
    padding-inline: var(--ee-header-inset);
  }
}