@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  src: local('Montserrat Light'),
    url(fonts/Montserrat-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  src: local('Montserrat Regular'),
    url(fonts/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 500;
  src: local('Montserrat Medium'),
    url(fonts/Montserrat-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  src: local('Montserrat SemiBold'),
    url(fonts/Montserrat-SemiBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  src: local('Montserrat Bold'),
    url(fonts/Montserrat-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 800;
  src: local('Montserrat ExtraBold'),
    url(fonts/Montserrat-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 900;
  src: local('Montserrat Black'),
    url(fonts/Montserrat-Black.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-weight: 100;
  src: local('Lato Thin'), url(fonts/Lato-Thin.ttf) format('truetype');
}

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

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  src: local('Lato Regular'), url(fonts/Lato-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  src: local('Lato Bold'), url(fonts/Lato-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-weight: 900;
  src: local('Lato Black'), url(fonts/Lato-Black.ttf) format('truetype');
}