@font-face {
  font-family: 'Pluto';
  src: url('../fonts/PlutoRegular.eot');
  src: url('../fonts/PlutoRegular.eot') format('embedded-opentype'),
      url('../fonts/PlutoRegular.woff2') format('woff2'),
      url('../fonts/PlutoRegular.woff') format('woff'),
      url('../fonts/PlutoRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'Pluto';
    src: url('../fonts/PlutoBold.eot');
    src: url('../fonts/PlutoBold.eot#iefix') format('embedded-opentype'),
        url('../fonts/PlutoBold.woff2') format('woff2'),
        url('../fonts/PlutoBold.woff') format('woff'),
        url('../fonts/PlutoBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Pluto';
  src: url('../fonts/PlutoCondMedium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad%2BPro%2BLight.ttf') format('truetype');
  font-weight: 300;
  font-style: light;
  font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/Myriad%2BPro%2BRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad%2BPro%2BSemibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad%2BPro%2BBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/Myriad%2BPro%2BBlack.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'WorkSans';
  src: url('../fonts/WorkSans-Regular.eot');
  src: url('../fonts/WorkSans-Regular.eot') format('embedded-opentype'),
      url('../fonts/WorkSans-Regular.woff2') format('woff2'),
      url('../fonts/WorkSans-Regular.woff') format('woff'),
      url('../fonts/WorkSans-Regular.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'handofsean';
  src: url('../fonts/Hand_Of_Sean_Demo.ttf') format('truetype');
  font-style: normal;
  font-display: swap;
}