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

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

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

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

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

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