@font-face {
  font-family: 'Work Sans';
  src: url('WorkSans-Regular.ttf?sdxovp') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Work Sans Medium';
  src: url('WorkSans-Regular.ttf?sdxovp') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Work Sans SemiBold';
  src: url('WorkSans-SemiBold.ttf?sdxovp') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Work Sans Black';
  src: url('WorkSans-Bold.ttf?sdxovp') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Work Sans ExtraBold';
  src: url('WorkSans-ExtraBold.ttf?sdxovp') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.ft-worksans
{
    font-family: 'Work Sans Medium', sans-serif;
}

.ft-worksans-black
{
    font-family: 'Work Sans Black', sans-serif;
}
.ft-worksans-extrabold
{
    font-family: 'Work Sans ExtraBold', sans-serif;
}