@font-face {
    font-family: 'BrownLogitechPan';
    src: url('../fonts/BrownLogitechPan-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/BrownLogitechPan-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BrownLogitechPan-Bold.woff2') format('woff2'),
         url('../fonts/BrownLogitechPan-Bold.woff') format('woff'),
         url('../fonts/BrownLogitechPan-Bold.otf') format('opentype'),
         url('../fonts/BrownLogitechPan-Bold.svg#BrownLogitechPan-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'BrownLogitechPan';
    src: url('../fonts/BrownLogitechPan-Regular.eot');
    src: url('../fonts/BrownLogitechPan-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BrownLogitechPan-Regular.woff2') format('woff2'),
         url('../fonts/BrownLogitechPan-Regular.woff') format('woff'),
         url('../fonts/BrownLogitechPan-Regular.otf') format('opentype'),
         url('../fonts/BrownLogitechPan-Regular.svg#BrownLogitechPan-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'BrownLogitechPan';
    src: url('../fonts/BrownLogitechWebPan-Light.eot');
    src: url('../fonts/BrownLogitechWebPan-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BrownLogitechWebPan-Light.woff') format('woff'),
         url('../fonts/BrownLogitechWebPan-Light.otf') format('opentype'),
         url('../fonts/BrownLogitechWebPan-Light.svg#BrownLogitechWebPan-Light') format('svg');
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
    font-family: 'BrownLogitechPan';
    src: url('../fonts/BrownLogitechWebPan-Regular.eot');
    src: url('../fonts/BrownLogitechWebPan-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BrownLogitechWebPan-Regular.woff') format('woff'),
         url('../fonts/BrownLogitechWebPan-Regular.otf') format('opentype'),
         url('../fonts/BrownLogitechWebPan-Regular.svg#BrownLogitechWebPan-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

    @font-face {
     font-family: 'BrownLogitechPan';
     src: url('../fonts/BrownLogitechWebPan-Medium.eot');
     src: url('../fonts/BrownLogitechWebPan-Medium.eot?#iefix') format('embedded-opentype'),
          url('../fonts/BrownLogitechWebPan-Medium.woff') format('woff'),
          url('../fonts/BrownLogitechWebPan-Medium.otf') format('opentype'),
          url('../fonts/BrownLogitechWebPan-Medium.svg#BrownLogitechWebPan-Medium') format('svg');
     font-weight: 500;
     font-style: normal;
   }
  
  @font-face {
    font-family: 'BrownLogitechPan';
    src: url('../fonts/lineto-brown-pro-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
  }