How to change title elements

The style of title element is found in app/style/scss/elements/_titleBlock.scss

The text color can be changed through the helpful classes:

.txt-light {
 color: $white;
}
.txt-dark {
 color: $templateColor;
}
.txt-black {
 color: $titleColor;
}
.txt-color {
 color:$hoverColor;
}

The style of this element looks like this:

.title-block {
 margin-bottom: 25px;
  &__title {
   font-family: $titleFont;
   font-size: 66px;
   line-height: 68px;
   font-weight: 700;
   letter-spacing: 20px;
   margin-bottom: 20px;
  }
..
 &__subtitle {
  font-size:18px;
  line-height: 28px;
  font-family: $defaultFont;
  font-weight: 300;
}

Each title block has different modifiers for different sections or styles. There are 5 styles of the title blocks’ modifiers:

&--specialty, &--menu, &--delivery, &--reservation, &--about