/*
###################################
#### Type - Montserrat & Heebo ####
###################################
*/



:root {

  --primary-font-family:   'Montserrat', sans-serif;
  --secundary-font-family: 'Heebo', sans-serif;

}



/* deskotop */
.hero1                 { font-family: var(--primary-font-family);   font-weight: 700; font-size: 5.375rem; line-height: 5.375rem; letter-spacing: -0.128rem;  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.093rem;  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.083rem;  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.073rem;  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.065rem;  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.035rem;  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.028rem;  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.065rem;  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.035rem;  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.000rem;  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.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.875rem; line-height: 1.050rem; 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.875rem; line-height: 1.050rem; 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.075rem; }

  .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; }

}