/*--------------------------------------------------------------
 Typography
--------------------------------------------- */
@font-face {
     font-family: 'Titillium Web';
     src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
          url('fonts/titillium/hinted-TitilliumWeb-Light.woff2') format('woff2'),
          url('fonts/titillium/hinted-TitilliumWeb-Light.woff') format('woff');
     font-weight: 300;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Titillium Web';
     src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
          url('fonts/titillium/hinted-TitilliumWeb-Bold.woff2') format('woff2'),
          url('fonts/titillium/hinted-TitilliumWeb-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}
     
@font-face {
     font-family: 'Titillium Web';
     src: local('Titillium Web Black'), local('TitilliumWeb-Black'),
          url('fonts/titillium/hinted-TitilliumWeb-Black.woff2') format('woff2'),
          url('fonts/titillium/hinted-TitilliumWeb-Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Titillium Web';
     src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
          url('fonts/titillium/hinted-TitilliumWeb-SemiBold.woff2') format('woff2'),
          url('fonts/titillium/hinted-TitilliumWeb-SemiBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Titillium Web';
     src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
          url('fonts/titillium/hinted-TitilliumWeb-Italic.woff2') format('woff2'),
          url('fonts/titillium/hinted-TitilliumWeb-Italic.woff') format('woff');
     font-weight: normal;
     font-style: italic;
     font-display: swap;
}

@font-face {
     font-family: 'Titillium Web';
     src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
          url('fonts/titillium/hinted-TitilliumWeb-Regular.woff2') format('woff2'),
          url('fonts/titillium/hinted-TitilliumWeb-Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Titillium Web';
     src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'),
          url('fonts/titillium/hinted-TitilliumWeb-ExtraLight.woff2') format('woff2'),
          url('fonts/titillium/hinted-TitilliumWeb-ExtraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Orbitron';
     src: local('Orbitron ExtraBold'), local('Orbitron-ExtraBold'),
          url('fonts/orbitron/hinted-Orbitron-ExtraBold.woff2') format('woff2'),
          url('fonts/orbitron/hinted-Orbitron-ExtraBold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Orbitron';
     src: local('Orbitron Medium'), local('Orbitron-Medium'),
          url('fonts/orbitron/hinted-Orbitron-Medium.woff2') format('woff2'),
          url('fonts/orbitron/hinted-Orbitron-Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Orbitron';
     src: local('Orbitron Black'), local('Orbitron-Black'),
          url('fonts/orbitron/hinted-Orbitron-Black.woff2') format('woff2'),
          url('fonts/orbitron/hinted-Orbitron-Black.woff') format('woff');
     font-weight: 900;
     font-style: normal;
     font-display: swap;
}

@font-face {
     font-family: 'Orbitron';
     src: local('Orbitron Bold'), local('Orbitron-Bold'),
          url('fonts/orbitron/hinted-Orbitron-Bold.woff2') format('woff2'),
          url('fonts/orbitron/hinted-Orbitron-Bold.woff') format('woff');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
}

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

@font-face {
     font-family: 'Orbitron';
     src: local('Orbitron SemiBold'), local('Orbitron-SemiBold'),
          url('fonts/orbitron/hinted-Orbitron-SemiBold.woff2') format('woff2'),
          url('fonts/orbitron/hinted-Orbitron-SemiBold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
}