/*
#########################
#### Type - Factor A ####
#########################
*/



:root {

  --primary-font-family:   'Factor A', sans-serif;
  --secundary-font-family: 'Factor A', sans-serif;

}



/* deskotop */
.hero1                  { font-family: var(--primary-font-family);   font-weight: 700; font-size: 5.375rem; line-height: 4.500rem; letter-spacing: -0.108rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }

.header1                { font-family: var(--primary-font-family);   font-weight: 700; font-size: 3.625rem; line-height: 3.500rem; letter-spacing: -0.073rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header2                { font-family: var(--primary-font-family);   font-weight: 700; font-size: 3.125rem; line-height: 3.000rem; letter-spacing: -0.063rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header3                { font-family: var(--primary-font-family);   font-weight: 700; font-size: 2.625rem; line-height: 2.500rem; letter-spacing: -0.026rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header4                { font-family: var(--primary-font-family);   font-weight: 700; font-size: 2.250rem; line-height: 2.125rem; letter-spacing: -0.023rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header5                { font-family: var(--primary-font-family);   font-weight: 700; font-size: 1.750rem; line-height: 1.750rem; letter-spacing: -0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header6                { font-family: var(--primary-font-family);   font-weight: 700; font-size: 1.375rem; line-height: 1.375rem; letter-spacing: -0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }

.subtitle1              { font-family: var(--primary-font-family);   font-weight: 500; font-size: 2.000rem; line-height: 2.250rem; letter-spacing: -0.020rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.subtitle2              { font-family: var(--primary-font-family);   font-weight: 500; font-size: 1.625rem; line-height: 2.000rem; letter-spacing: -0.016rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }

.body1                  { font-family: var(--secundary-font-family); font-weight: 400; font-size: 1.250rem; line-height: 1.750rem; letter-spacing:  0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.body2                  { font-family: var(--secundary-font-family); font-weight: 400; font-size: 1.000rem; line-height: 1.500rem; letter-spacing:  0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }

.button-text-large      { font-family: var(--primary-font-family);   font-weight: 700; font-size: 1.375rem; line-height: 1.375rem; letter-spacing:  0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.button-text-regular    { font-family: var(--primary-font-family);   font-weight: 700; font-size: 1.125rem; line-height: 1.125rem; letter-spacing:  0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.button-text-small      { font-family: var(--primary-font-family);   font-weight: 700; font-size: 0.750rem; line-height: 0.750rem; letter-spacing:  0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }

.caption-text           { font-family: var(--secundary-font-family); font-weight: 400; font-size: 0.750rem; line-height: 1.250rem; letter-spacing:  0.000rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.overline-text          { font-family: var(--secundary-font-family); font-weight: 400; font-size: 0.750rem; line-height: 1.250rem; letter-spacing:  0.023rem;  text-transform: uppercase;      -webkit-font-smoothing: antialiased; }

.txt-italic             { font-style: italic; }
.txt-subscribe          { font-style: underline; }



/* mobile */
@media (max-width: 991px) { 

  .hero1                     { font-size: 4.300rem; line-height: 3.600rem; letter-spacing: -0.085rem; }

  .header1                   { font-size: 3.445rem; line-height: 3.325rem; letter-spacing: -0.070rem; }
  .header2                   { font-size: 2.970rem; line-height: 2.850rem; letter-spacing: -0.060rem; }
  .header3                   { font-size: 2.625rem; line-height: 2.500rem; letter-spacing: -0.025rem; }
  .header4                   { font-size: 2.475rem; line-height: 2.335rem; letter-spacing: -0.025rem; }
  .header5                   { font-size: 2.275rem; line-height: 2.275rem; letter-spacing:  0.000rem; }
  .header6                   { font-size: 1.995rem; line-height: 1.995rem; letter-spacing:  0.000rem; }

  .subtitle1                 { font-size: 2.500rem; line-height: 2.815rem; letter-spacing: -0.025rem; }
  .subtitle2                 { font-size: 2.275rem; line-height: 2.800rem; letter-spacing: -0.025rem; }

  .body1                     { font-size: 1.565rem; line-height: 2.185rem; letter-spacing:  0.000rem; }
  .body2                     { font-size: 1.350rem; line-height: 2.025rem; letter-spacing:  0.000rem; }

  .button-text-large         { font-size: 1.555rem; line-height: 1.555rem; }
  .button-text-regular       { font-size: 1.275rem; line-height: 1.275rem; }
  .button-text-small         { font-size: 0.850rem; line-height: 0.850rem; }

  .caption-text              { font-size: 0.935rem; line-height: 1.565rem; letter-spacing:  0.000rem; }
  .overline-text             { font-size: 0.935rem; line-height: 1.565rem; letter-spacing:  0.030rem; }

}