@font-face {
  font-family: 'Montserrat';
  src: local('MontserratBold'),
       url('fonts/MontserratBold.woff2') format('woff2'),
       url('fonts/MontserratBold.woff') format('woff');
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: local('MontserratRegular'),
       url('fonts/MontserratRegular.woff2') format('woff2'),
       url('fonts/MontserratRegular.woff') format('woff');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

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