@import url('https://fonts.googleapis.com/css?family=Lato:300');
@import url('https://fonts.googleapis.com/css?family=Raleway');

@mixin lato-light {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
}

@mixin raleway {
  font-family: 'Raleway';
  font-weight: 400;
  font-style: normal;
}

.regularText {
  @include lato-light;
}

.headerText {
  @include raleway;
}

.fontElementMap {
  @extend .regularText !optional;

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    @extend .headerText !optional;
  }
}

:global {
  .glob_regularText {
    @include lato-light;
  }

  .glob_headerText {
    @include raleway;
  }

  .glob_fontElementMap {
    @extend .glob_regularText !optional;

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      @extend .glob_headerText !optional;
    }
  }
}