/* Lato */
 @font-face {
     font-family: 'Lato';
     src:
         url('./Lato/Lato-Light.woff2') format('woff2'),
         url('./Lato/Lato-Light.ttf') format('truetype');
     font-weight: 300;
     font-display: swap;
 }

 @font-face {
     font-family: 'Lato';
     src:
         url('./Lato/Lato-Regular.woff2') format('woff2'),
         url('./Lato/Lato-Regular.ttf') format('truetype');
     font-weight: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Lato';
     src:
         url('./Lato/Lato-Medium.woff2') format('woff2'),
         url('./Lato/Lato-Medium.ttf') format('truetype');
     font-weight: 500;
     font-display: swap;
 }
 @font-face {
     font-family: 'Lato';
     src:
         url('./Lato/Lato-Semibold.woff2') format('woff2'),
         url('./Lato/Lato-Semibold.ttf') format('truetype');
     font-weight: 600;
     font-display: swap;
 }

 @font-face {
     font-family: 'Lato';
     src:
         url('./Lato/Lato-Bold.woff2') format('woff2'),
         url('./Lato/Lato-Bold.ttf') format('truetype');
     font-weight: bold;
     font-display: swap;
 }

 @font-face {
     font-family: 'Lato';
     src:
         url('./Lato/Lato-Heavy.woff2') format('woff2'),
         url('./Lato/Lato-Heavy.ttf') format('truetype');
     font-weight: 900;
     font-display: swap;
 }