/*
##################################
#### Type - Mark Pro & Eina01 ####
##################################
*/



:root {

  --primary-font-family:   'Mark Pro', sans-serif;
  --secundary-font-family: 'Eina01', 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   { font-family: var(--primary-font-family);   font-weight: 600; font-size: 1.125rem; line-height: 1.125rem; letter-spacing:  0.034rem;  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               { font-size: 1.515rem; line-height: 1.515rem; letter-spacing:  0.045rem; }
  .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; }

}