/*
#######################
#### Type - SF Pro ####
#######################
*/



:root {

  --primary-font-family:   'SF Pro', sans-serif;
  --secundary-font-family: 'SF Pro', sans-serif;

}



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

.header1       { font-family: var(--primary-font-family); font-weight: 700; font-size: 3.625rem; line-height: 3.625rem; letter-spacing: -0.175rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header2       { font-family: var(--primary-font-family); font-weight: 700; font-size: 3.125rem; line-height: 3.125rem; letter-spacing: -0.115rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header3       { font-family: var(--primary-font-family); font-weight: 700; font-size: 2.625rem; line-height: 2.625rem; letter-spacing: -0.115rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.header4       { font-family: var(--primary-font-family); font-weight: 700; font-size: 2.250rem; line-height: 2.250rem; letter-spacing: -0.085rem;  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.085rem;  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.025rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }

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

.body1         { font-family: var(--secundary-font-family); font-weight: 400; font-size: 1.375rem; line-height: 1.750rem; letter-spacing: -0.025rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.body2         { font-family: var(--secundary-font-family); font-weight: 400; font-size: 1.125rem; line-height: 1.500rem; letter-spacing: -0.025rem;  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.025rem;  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.025rem;  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.025rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }

.caption-text  { font-family: var(--secundary-font-family); font-weight: 400; font-size: 0.875rem; line-height: 1.250rem; letter-spacing: -0.015rem;  text-transform: none;           -webkit-font-smoothing: antialiased; }
.overline-text { font-family: var(--secundary-font-family); font-weight: 400; font-size: 0.875rem; line-height: 1.250rem; letter-spacing:  0.000rem;  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.375rem; line-height: 4.375rem; }

  .header1                   { font-size: 3.475rem; line-height: 3.475rem; }
  .header2                   { font-size: 3.000rem; line-height: 3.000rem; }
  .header3                   { font-size: 2.625rem; line-height: 2.625rem; }
  .header4                   { font-size: 2.450rem; line-height: 2.450rem; }
  .header5                   { font-size: 2.250rem; line-height: 2.250rem; }
  .header6                   { font-size: 1.975rem; line-height: 2.975rem; }

  .subtitle1                 { font-size: 2.450rem; line-height: 2.450rem; }
  .subtitle2                 { font-size: 2.250rem; line-height: 2.250rem; }

  .body1                     { font-size: 1.550rem; line-height: 1.975rem; }
  .body2                     { font-size: 1.350rem; line-height: 1.775rem; }

  .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.950rem; line-height: 1.250rem; }
  .overline-text             { font-size: 0.950rem; line-height: 1.250rem; }

}