@font-face{
  font-family: Quicksand;
  font-weight: 300;
  src: url('Quicksand-Regular.ttf'), url('Quicksand-Regular.ttf') format('truetype');}
  
  @font-face{
  font-family: Quicksand;
  font-weight: 200;
  src: url('Quicksand-Light.ttf'), url('Quicksand-Light.ttf') format('truetype');}
  
  @font-face{
  font-family: Quicksand;
  font-weight: 400;
  src: url('Quicksand-Medium.ttf'), url('Quicksand-Medium.ttf') format('truetype');}
  
  @font-face{
  font-family: Quicksand;
  font-weight: 500;
  src: url('Quicksand-SemiBold.ttf'), url('Quicksand-SemiBold.ttf') format('truetype');}

  @font-face{
    font-family: Quicksand;
    font-weight: 700;
    src: url('Quicksand-Bold.ttf'), url('Quicksand-Bold.ttf') format('truetype');}
  
  @font-face{
    font-family: Alegreya;
    font-weight: 300;
    src: url('AlegreyaSans-Regular.ttf'), url('AlegreyaSans-Regular.ttf') format('truetype');
  }
  
  @font-face{
    font-family: Alegreya;
    font-weight: 100;
    src: url('AlegreyaSans-Thin.ttf'), url('AlegreyaSans-Thin.ttf') format('truetype');
  }
  
  @font-face{
    font-family: Alegreya;
    font-weight: 200;
    src: url('AlegreyaSans-Light.ttf'), url('AlegreyaSans-Light.ttf') format('truetype');
  }
  
  @font-face{
    font-family: Alegreya;
    font-weight: 400;
    src: url('AlegreyaSans-Bold.ttf'), url('AlegreyaSans-Bold.ttf') format('truetype');
  }
  
  @font-face{
    font-family: Alegreya;
    font-weight: 500;
    src: url('AlegreyaSans-ExtraBold.ttf'), url('AlegreyaSans-ExtraBold.ttf') format('truetype');
  }
  
  @font-face{
    font-family: Alegreya;
    font-weight: 600;
    src: url('AlegreyaSans-Black.ttf'), url('AlegreyaSans-Black.ttf') format('truetype');
  }