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