@font-face {
   font-family: "Brown-Regular";
   src: url("fonts/Brown-Regular.woff") format("woff"), url("fonts/Brown-Regular.eot") format("embedded-opentype"), url("fonts/Brown-Regular.ttf") format("truetype"), url("fonts/Brown-Regular.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Brown-Light";
   src: url("fonts/Brown-Light.woff") format("woff"), url("fonts/Brown-Light.eot") format("embedded-opentype"), url("fonts/Brown-Light.ttf") format("truetype"), url("fonts/Brown-Light.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "SF Compact Display Regular";
   src: url("fonts/SF Compact Display Regular.woff") format("woff"), url("fonts/SF Compact Display Regular.eot") format("embedded-opentype"), url("fonts/SF Compact Display Regular.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "SF Compact Display Light";
   src: url("fonts/SF Compact Display Light.woff") format("woff"), url("fonts/SF Compact Display Light.eot") format("embedded-opentype"), url("fonts/SF Compact Display Light.otf") format("opentype");
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: "Brown-Bold";
   src: url("fonts/Brown-Bold.woff") format("woff"), url("fonts/Brown-Bold.eot") format("embedded-opentype"), url("fonts/Brown-Bold.ttf") format("truetype"), url("fonts/Brown-Bold.svg") format("svg");
   font-weight: bold;
   font-style: normal;
}