@font-face {
  font-family: 'Atkinson Hyperlegible Regular';
  src: url('../font/Atkinson-Hyperlegible-Regular-102.eot'); /* IE9 Compat Modes */
  src: url('../font/Atkinson-Hyperlegible-Regular-102?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Atkinson-Hyperlegible-Regular-102.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/Atkinson-Hyperlegible-Regular-102.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Atkinson-Hyperlegible-Regular-102.svg#svgFontName') format('svg'); /* Legacy iOS */
}

html{

    font-size: calc(100vw * (14/960));
    line-height: calc(100vw * (16/960));

}

p, div
{
  font-family : Arial,sans-serif;
  font-size: calc(100vw * (14/960));
  line-height: calc(100vw * (18/960));
  color : #343A40;
  color : rgb(52, 58, 64);
}

/* Typography ————————————— */

h1{

  font-weight: bold;
  color:#222952;
  color:rgb(34,41,82);

  font-size: calc(100vw * (20/960));
  padding: 0;
  margin:0;
}

h2
{
  font-family : Arial,sans-serif;
  font-weight : bold;
  font-size: calc(100vw * (16/960));
  line-height: calc(100vw * (18/960));
  color:#343a40;
    color:rgb(52,58,64)
}

h3
{
  font-family : Arial,sans-serif;
  font-weight : bold;
  font-size: calc(100vw * (12/960));
  line-height: calc(100vw * (14/960));
  color:#222952;
  color:rgb(34,41,82);
}