@font-face {
    font-family: 'HeinemannRegular';
    src: local(HeinemannRegular);
    src: url('./static/fonts/HeinemannRoman-Rm.eot');
    src: url('./static/fonts/HeinemannRoman-Rm.eot?#iefix') format('embedded-opentype'), 
            url('./static/fonts/HeinemannRoman-Rm.woff') format('woff'), 
            url('./static/fonts/HeinemannRoman-Rm.ttf') format('truetype'), 
            url('./static/fonts/HeinemannRoman-Rm.svg#HeinemannRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
  }
  
  @font-face {
    font-family: 'HeinemannBold';
    src: local(HeinemannBold);
    src: url('./static/fonts/HeinemannRoman-Bd.eot');
    src: url('./static/fonts/HeinemannRoman-Bd.eot?#iefix') format('embedded-opentype'), 
            url('./static/fonts/HeinemannRoman-Bd.woff') format('woff'), 
            url('./static/fonts/HeinemannRoman-Bd.ttf') format('truetype'), 
            url('./static/fonts/HeinemannRoman-Bd.svg#HeinemannBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
  }
  
  @font-face {
    font-family: 'ArialRoundedBold';
    src: local(ArialRoundedBold);
    src: url('./static/fonts/ArialW02RoundedBold.eot');
    src: url('./static/fonts/fonts/ArialW02RoundedBold.eot?#iefix') format('embedded-opentype'), 
            url('./static/fonts/ArialW02RoundedBold.woff') format('woff'), 
            url('./static/fonts/ArialW02RoundedBold.ttf') format('truetype'), 
            url('./static/fonts/ArialW02RoundedBold.svg#ArialRounded') format('svg');
    font-display: auto;
  }

*{
    margin:0;
    padding:0;
    font-size: inherit;
    box-sizing: border-box;
}
html, body{
    height: 100%;
    width: 100%;
}

body{
    font:21px 'HeinemannRegular', Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, b, strong{
    font-family: 'HeinemannBold', Arial, Helvetica, sans-serif;
}

input, button{
    font: inherit;
}