@font-face {
  font-family: 'Arkipelago';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/arkipelago.woff2) format('woff2'), url(../fonts/arkipelago.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/lato/hairline.woff2) format('woff2'), url(../fonts/lato/hairline.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 100;
  src: url(../fonts/lato/hairlineitalic.woff2) format('woff2'), url(../fonts/lato/hairlineitalic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/lato/thin.woff2) format('woff2'), url(../fonts/lato/thin.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 200;
  src: url(../fonts/lato/thinitalic.woff2) format('woff2'), url(../fonts/lato/thinitalic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/lato/light.woff2) format('woff2'), url(../fonts/lato/light.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 300;
  src: url(../fonts/lato/lightitalic.woff2) format('woff2'), url(../fonts/lato/lightitalic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/lato/regular.woff2) format('woff2'), url(../fonts/lato/regular.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/lato/italic.woff2) format('woff2'), url(../fonts/lato/italic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/lato/medium.woff2) format('woff2'), url(../fonts/lato/medium.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 500;
  src: url(../fonts/lato/mediumitalic.woff2) format('woff2'), url(../fonts/lato/mediumitalic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/lato/semibold.woff2) format('woff2'), url(../fonts/lato/semibold.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 600;
  src: url(../fonts/lato/semibolditalic.woff2) format('woff2'), url(../fonts/lato/semibolditalic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/lato/bold.woff2) format('woff2'), url(../fonts/lato/bold.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/lato/bolditalic.woff2) format('woff2'), url(../fonts/lato/bolditalic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/lato/heavy.woff2) format('woff2'), url(../fonts/lato/heavy.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 800;
  src: url(../fonts/lato/heavyitalic.woff2) format('woff2'), url(../fonts/lato/heavyitalic.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: normal;
  font-weight: 900;
  src: url(../fonts/lato/black.woff2) format('woff2'), url(../fonts/lato/black.woff) format('woff')
}
@font-face {
  font-family: 'Lato2';
  font-style: italic;
  font-weight: 900;
  src: url(../fonts/lato/blackitalic.woff2) format('woff2'), url(../fonts/lato/blackitalic.woff) format('woff')
}
@font-face {
  font-family: 'Impact';
  src: url('../fonts/Impact.eot');
  src: url('../fonts/Impact.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Impact.woff2') format('woff2'),
      url('../fonts/Impact.woff') format('woff'),
      url('../fonts/Impact.ttf') format('truetype'),
      url('../fonts/Impact.svg#Impact') format('svg');
  font-weight: 400;
  font-style: normal;
}