@font-face {
  font-family: 'Avenir';
  src: url('./fonts/avenir/Avenir-Medium.eot');
  src: url('./fonts/avenir/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
	   url('./fonts/avenir/Avenir-Medium.woff2') format('woff2'),
	   url('./fonts/avenir/Avenir-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('./fonts/avenir/Avenir-Heavy.eot');
  src: url('./fonts/avenir/Avenir-Heavy.eot?#iefix') format('embedded-opentype'),
	   url('./fonts/avenir/Avenir-Heavy.woff2') format('woff2'),
	   url('./fonts/avenir/Avenir-Heavy.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('./fonts/avenir/Avenir-Black.eot');
  src: url('./fonts/avenir/Avenir-Black.eot?#iefix') format('embedded-opentype'),
	   url('./fonts/avenir/Avenir-Black.woff2') format('woff2'),
	   url('./fonts/avenir/Avenir-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('./fonts/avenir/Avenir-Light.eot');
  src: url('./fonts/avenir/Avenir-Light.eot?#iefix') format('embedded-opentype'),
	   url('./fonts/avenir/Avenir-Light.woff2') format('woff2'),
	   url('./fonts/avenir/Avenir-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

.font-avenir{
  font-family: 'Avenir';
  font-size: 16px;
}