/* must add after every font face 
  font-display: swap;
*/

@font-face {
  font-family: 'Roboto-Light';
  src: url('Roboto-Light.eot');
  src: url('Roboto-Light.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Light.svg#Roboto-Light') format('svg'),
       url('Roboto-Light.ttf') format('truetype'),
       url('Roboto-Light.woff') format('woff'),
       url('Roboto-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-LightItalic';
  src: url('Roboto-LightItalic.eot');
  src: url('Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
       url('Roboto-LightItalic.svg#Roboto-LightItalic') format('svg'),
       url('Roboto-LightItalic.ttf') format('truetype'),
       url('Roboto-LightItalic.woff') format('woff'),
       url('Roboto-LightItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('Roboto-Regular.eot');
  src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Regular.svg#Roboto-Regular') format('svg'),
       url('Roboto-Regular.ttf') format('truetype'),
       url('Roboto-Regular.woff') format('woff'),
       url('Roboto-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('Roboto-Bold.eot');
  src: url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Bold.svg#Roboto-Bold') format('svg'),
       url('Roboto-Bold.ttf') format('truetype'),
       url('Roboto-Bold.woff') format('woff'),
       url('Roboto-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Black';
  src: url('Roboto-Black.eot');
  src: url('Roboto-Black.eot?#iefix') format('embedded-opentype'),
       url('Roboto-Black.svg#Roboto-Black') format('svg'),
       url('Roboto-Black.ttf') format('truetype'),
       url('Roboto-Black.woff') format('woff'),
       url('Roboto-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FontsFree-Net-turbinado-bold';
  src: url('FontsFree-Net-turbinado-bold.eot');
  src: url('FontsFree-Net-turbinado-bold.eot?#iefix') format('embedded-opentype'),
       url('FontsFree-Net-turbinado-bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TurbinadoBold';
  src: url('TurbinadoBold.svg#TurbinadoBold') format('svg'),
       url('TurbinadoBold.ttf') format('truetype'),
       url('TurbinadoBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-BlackItalic';
  src: url('Roboto-BlackItalic.eot');
  src: url('Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
       url('Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg'),
       url('Roboto-BlackItalic.ttf') format('truetype'),
       url('Roboto-BlackItalic.woff') format('woff'),
       url('Roboto-BlackItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




/* Laptop screen */


@media (min-width: 1200px) and (max-width: 1440px) {



}
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {


}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
  

}
@media (max-width: 480px) {


}