/* Open Sans */
@font-face {
    font-family: "Open Sans";
      font-style: normal;
      font-weight: 300;
      src: url(../fonts/OpenSans-Light.ttf) format('truetype');
  }
  @font-face {
    font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/OpenSans-Regular.ttf) format('truetype');
  }
  @font-face {
    font-family: "Open Sans";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/OpenSans-Medium.ttf) format('truetype');
  }
  @font-face {
    font-family: "Open Sans";
      font-style: normal;
      font-weight: 600;
      src: url(../fonts/OpenSans-SemiBold.ttf) format('truetype');
  }
  @font-face {
    font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: url(../fonts/OpenSans-Bold.ttf) format('truetype');
  }
  
  /* Roboto */
@font-face {
    font-family: "Roboto";
      font-style: normal;
      font-weight: 300;
      src: url(../fonts/Roboto-Light.ttf) format('truetype');
  }
  @font-face {
    font-family: "Roboto";
      font-style: normal;
      font-weight: 400;
      src: url(../fonts/Roboto-Regular.ttf) format('truetype');
  }
  @font-face {
    font-family: "Roboto";
      font-style: normal;
      font-weight: 500;
      src: url(../fonts/Roboto-Medium.ttf) format('truetype');
  }
  @font-face {
    font-family: "Roboto";
      font-style: italic;
      font-weight: 500i;
      src: url(../fonts/Roboto-MediumItalic.ttf) format('truetype');
  }
  @font-face {
    font-family: "Roboto";
      font-style: normal;
      font-weight: 700;
      src: url(../fonts/Roboto-Bold.ttf) format('truetype');
  }
  @font-face {
    font-family: "Roboto";
      font-style: normal;
      font-weight: 900;
      src: url(../fonts/Roboto-Black.ttf) format('truetype');
  }