.motto__title,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Bahnschrift', sans-serif;
  font-variant: small-caps;
  font-weight: 700;
  color: white;
  font-stretch: condensed;
}

@media (min-width: 768px) {
  .motto__title {
    font-family: 'Bahnschrift', sans-serif;
    font-stretch: condensed;
  }
  #index .motto__title {
    font-size: 5rem;
    font-family: 'Bahnschrift', sans-serif;
  }
}

.motto__text {
  font-family: 'Bahnschrift', sans-serif;
  font-weight: 700;
  color: #7cba8a;
  font-size: 2.5rem;
  letter-spacing: .1em;
  line-height: 1;
  margin-bottom: .3125em;
  font-stretch: condensed;
}

p {    
  font-family: 'Bahnschrift', sans-serif;
  font-stretch: condensed;
  font-size: 1.5rem;
}



h1 { 
  font-family: 'Bahnschrift', sans-serif;
  color: white;
  font-variant: small-caps;
  font-stretch: condensed;
}

h2 { 
  font-family: 'Bahnschrift', sans-serif;
  color: #7CBA8A;
  font-variant: small-caps;
  font-stretch: condensed;
}

h3 { 
  font-family: 'Bahnschrift', sans-serif;
  color: white;
  font-variant: small-caps;
  font-stretch: condensed;  
  font-size: 12px;
}