How to change title elements

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

.title-block {
  margin-bottom: 25px;
  &.about{
   position:relative;
   display:inline-block;
   float:left;
   margin-bottom: 0px;
  }
  &--billing {
   padding-bottom: 17px;
   border-bottom: 1px solid #d8d8d8;
  }
  &--hover {
   margin-bottom: 20px;
  }
  &__title {
    font-family: $defaultFont;
    font-size: 30px;
    line-height: 30px;
    font-weight: 400;
    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 4 styles for the title bocks’ modifiers and 14 styles for the titles and subtitles:

.title--slider, .title--product, .title--blog, .title--contact, .title--review,.title--shopping-cart, .title--swiper, .subtitle--swiperBig,.title--about, .subtitle--tracy, .title--footer

The text color can be changed through the helpful classes:

.txt-light {
 color: $white;
}
.txt-dark {
 color: $templateColor;
}
.txt-black {
 color: $black;
}
.txt-color {
 color: rgb(200, 157, 40);

}