@font-face {
   font-family: 'RobotoBold';
   src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
      url('../fonts/Roboto-Bold.woff') format('woff');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'MyriadProRegular';
   src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
      url('../fonts/MyriadPro-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'RobotoRegular';
   src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
      url('../fonts/Roboto-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'UTMImpact';
   src: url('../fonts/UTMImpact.woff2') format('woff2'),
      url('../fonts/UTMImpact.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'UTMAmericanSans';
   src: url('../fonts/UTMAmericanSans.woff2') format('woff2'),
      url('../fonts/UTMAmericanSans.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'UTMFlamenco';
   src: url('../fonts/UTMFlamenco.woff2') format('woff2'),
      url('../fonts/UTMFlamenco.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}