@font-face {font-family: 'Lato-Black';src: url('../fonts/Lato/Lato-Black.ttf');}
@font-face {font-family: 'MartelSans-ExtraLight';src: url('../fonts/Martel_Sans/MartelSans-ExtraLight.ttf');}
@font-face {font-family: 'MartelSans-SemiBold';src: url('../fonts/Martel_Sans/MartelSans-SemiBold.ttf');}


.Lato-Black { font-family: 'Lato-Black'; }
.Lato-Black { font-family: 'MartelSans-ExtraLight'; }
.Lato-Black { font-family: 'MartelSans-SemiBold'; }

h1, h2, h3, h4 { font-weight: normal;  }


h4 { font-size: 1.15em; font-family: 'Lato-Black'; text-transform: uppercase; }

.text-42px, h2, .accordeon_header {
  font-size: 1.6rem;
  line-height: 1.2em;
  margin: 20px 0px;
}

.text-36px {
  font-size: 1.6rem;
  line-height: 1.2em;
  font-family: 'MartelSans-SemiBold';
  margin: 20px 0px;
}

.text-22px, h3 {
  font-size: 1.55rem;
  line-height: 1.3em;
  font-family: 'MartelSans-SemiBold';
}

.text-18px, p {
  font-size: 1.15rem;
  line-height: 1.3em;
}

.text-16px, small, .small {
  font-size: 0.9rem;
}


@media only screen and (min-width: 800px) {

  .text-42px, h2 {
    font-size: 2.5rem;
  }

  .text-36px {
    font-size: 2.4rem;
  }

  .text-22px, h3 {
    font-size: 1.8rem;
  }

  .text-18px, p {
    font-size: 1.25rem;
  }

  .text-16px, small, .small {
    font-size: 1rem;
  }


}