@font-face {
  font-family: 'OpenSans';
  src: url('openSans.woff2') format('woff2'),
  url('openSans.woff') format('woff');
  font-weight: 400;
}

@font-face {
  font-family: 'OpenSansBold';
  src: url('openSansBold.woff2') format('woff2'),
  url('openSansBold.woff') format('woff');
  font-weight: 700;
}

@font-face {
  font-family: 'QuicksandMedium';
  src: url('quicksandMedium.woff2') format('woff2'),
  url('quicksandMedium.woff') format('woff');
  font-weight: 500;
}

@font-face {
  font-family: 'Quicksand';
  src: url('quicksandBold.woff2') format('woff2'),
  url('quicksandBold.woff') format('woff');
  font-weight: 700;
}