@font-face {
    font-family: "Tee Franklin Forever";
    src: url("../fonts/teefranklinforever-book-webfont.woff2") format("woff2");
      /* url("../fonts/teefranklinforever-book-webfont.woff") format("woff"); */
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "Tee Franklin Forever";
    src: url("../fonts/teefranklinforever-light-webfont.woff2") format("woff2");
      /* url("../fonts/teefranklinforever-light-webfont.woff") format("woff"); */
    font-weight: 300;
    font-style: normal;
  }
  @font-face {
    font-family: "Tee Franklin Forever";
    src: url("../fonts/teefranklinforever-medium-webfont.woff2") format("woff2");
      /* url("../fonts/teefranklinforever-medium-webfont.woff") format("woff"); */
    font-weight: 600;
    font-style: normal;
  }
  @font-face {
    font-family: "Tee Franklin Forever Round";
    src: url("../fonts/teefranklinforever-roundedbook-webfont.woff2")
        format("woff2");
      /* url("../fonts/teefranklinforever-roundedbook-webfont.woff") format("woff"); */
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "outokumpu-icons";
    /* src: url("../fonts/outokumpu-icons.eot?v=2"); */
    /* src: url("../fonts/outokumpu-icons.eot?#iefix?v=2") format("embedded-opentype"), */
    src:  url("../fonts/outokumpu-icons.woff?v=2") format("woff");
      /* url("../fonts/outokumpu-icons.ttf?v=2") format("truetype"),
      url("../fonts/outokumpu-icons.svg#outokumpu-icons?v=2") format("svg"); */
    font-weight: normal;
    font-style: normal;
  }
  [data-icon]:before {
    font-family: "outokumpu-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    /* speak: none; */
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    font-family: "outokumpu-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    /* speak: none; */
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  [data-icon]:before {
    font-family: "outokumpu-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    /* speak: none; */
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  [class^="icon-"]:before,
  [class*=" icon-"]:before {
    font-family: "outokumpu-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    /* speak: none; */
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* body {
    color: #333333;
    background: #fff;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 15px;
  } */
    body,
    p,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    .span {
    font-family: "Tee Franklin Forever", Helvetica, Arial, sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: none;
    /* font-smoothing: antialiased; */
    /* color: #003057; */
    }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    /* font-family: 'Salesforce Sans - Regular', sans-serif; */
    /* font-style: normal; */
    margin-top: 0;
    /* font-weight: 400; */
  }