/* Normal - 400 */
@font-face {
  font-family: 'Lato';
  font-style: normal;  
  font-weight:400;
  src: url('fonts/CooperHewitt-Book.otf');
 
}

@font-face {
  font-family: 'Lato';
  font-style: italic;  
  font-weight:400;
  src: url('fonts/CooperHewitt-BookItalic.otf');
 
}

/* Light - 300 */
@font-face {
  font-family: 'Lato';
  font-style: normal;  
  font-weight:300;
  src: url('fonts/CooperHewitt-Light.otf');
 
}

@font-face {
  font-family: 'Lato';
  font-style: italic;  
  font-weight:300;
  src: url('fonts/CooperHewitt-LightItalic.otf');
 
}

/* Thin - 100 */
@font-face {
  font-family: 'Lato';
  font-style: normal;  
  font-weight:100;
  src: url('fonts/CooperHewitt-Thin.otf');
 
}

@font-face {
  font-family: 'Lato';
  font-style: italic;  
  font-weight:100;
  src: url('fonts/CooperHewitt-ThinItalic.otf');
 
}

/* Medium - 500 */
@font-face {
  font-family: 'Lato';
  font-style: normal;  
  font-weight:500;
  src: url('fonts/CooperHewitt-Medium.otf');
 
}

@font-face {
  font-family: 'Lato';
  font-style: italic;  
  font-weight:500;
  src: url('fonts/CooperHewitt-MediumItalic.otf');
 
}

/* Semibold - 600 */
@font-face {
  font-family: 'Lato';
  font-style: normal;  
  font-weight:600;
  src: url('fonts/CooperHewitt-Semibold.otf');
 
}

@font-face {
  font-family: 'Lato';
  font-style: italic;  
  font-weight:600;
  src: url('fonts/CooperHewitt-SemiboldItalic.otf'); 
}

/* bold - 700 */
@font-face {
  font-family: 'Lato';
  font-style: normal;  
  font-weight:700;
  src: url('fonts/CooperHewitt-Bold.otf');
 
}

@font-face {
  font-family: 'Lato';
  font-style: italic;  
  font-weight:700;
  src: url('fonts/CooperHewitt-BoldItalic.otf');
 
}

/* heavy - 800 */
@font-face {
  font-family: 'Lato';
  font-style: normal;  
  font-weight:800;
  src: url('fonts/CooperHewitt-Heavy.otf');
 
}

@font-face {
  font-family: 'Lato';
  font-style: italic;  
  font-weight:800;
  src: url('fonts/CooperHewitt-HeavyItalic.otf');
 
}