@font-face {
    font-family: 'acrombold';
    src: url('acrom_bold-webfont.woff2') format('woff2'),
         url('acrom_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'acromregular';
    src: url('acrom-webfont.woff2') format('woff2'),
         url('acrom-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    color: #313131;
    font-family: "acromregular";
}

h1,
h2,
h3,
h4,
strong,
label {
    font-family: "acrombold";
    font-weight: 500;
    margin: 0;
}

h1 {
    font-size:1.8em;
    line-height: 1.1;
  }
  @media screen and (max-width:63.99875em) {
    h1 {
      font-size:2em
    }
  }

h2 {
  font-size:1.5em
}
@media screen and (max-width:63.99875em) {
  h2 {
    font-size:1.7em
  }
}

h3 {
  font-size:1.2em
}
@media screen and (max-width:63.99875em) {
  h3 {
    font-size:1.4em
  }
}

p,
label {
	font-size: 1.125rem;
}

@media screen and (min-width: 40em) {
    p,
    label {
        font-size: 1.125rem;
    }
}