@font-face {
  font-family: 'sfpro';
  src: url('webfonts/SFpro/sf-pro-text_thin.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-weight: 300;
} 

@font-face {
  font-family: 'sfpro';
  src: url('webfonts/SFpro/sf-pro-text_regular.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-weight: 400;
} 

@font-face {
  font-family: 'sfpro';
  src: url('webfonts/SFpro/sf-pro-text_semibold.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-weight: 500;
} 

@font-face {
  font-family: 'sfpro';
  src: url('webfonts/SFpro/sf-pro-text_bold.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-weight: 600;
} 

@font-face {
  font-family: 'sfpro';
  src: url('webfonts/SFpro/sf-pro-text_bold.woff2') format('woff2'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
  font-weight: bold;
}