[class^="page-title"] {
  padding-top: 5rem;
  padding-bottom: 3rem;
  text-align: center;
  background-color: #FFF; }
  [class^="page-title"].page-title--site-background {
    padding: 3rem 0; }
    @media screen and (max-width: 1000px) {
      [class^="page-title"].page-title--site-background {
        padding-top: 5rem; } }
    @media screen and (max-width: 880px) {
      [class^="page-title"].page-title--site-background {
        padding-bottom: 0; } }
  [class^="page-title"] h1 {
    margin: 0 1.5rem; }
    @media screen and (max-width: 980px) {
      [class^="page-title"] h1 {
        font-size: 2.3rem; } }
    @media screen and (max-width: 55em) {
      [class^="page-title"] h1 {
        font-size: 1.8rem; } }

.page-title--site-background .page-title {
  background-color: #f7f7f7; }