@font-face {
  font-family: 'PT Serif';
  src: url(./PTSerif-BoldItalic.woff2) format('woff2'),
    url(./PTSerif-BoldItalic.woff) format('woff');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'PT Serif';
  src: url(./PTSerif-Bold.woff2) format('woff2'), url(./PTSerif-Bold.woff) format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'PT Serif';
  src: url(./PTSerif-Regular.woff2) format('woff2'), url(./PTSerif-Regular.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PT Serif';
  src: url(./PTSerif-Italic.woff2) format('woff2'), url(./PTSerif-Italic.woff) format('woff');
  font-weight: normal;
  font-style: italic;
}@font-face {
                      font-family: 'Roboto';
                      font-weight: 700;
                      font-style: normal;
                      src: local('Roboto Regular'),
                           url('../fonts/roboto-700.ttf') format('truetype');
                    }
@font-face {
                      font-family: 'Roboto';
                      font-weight: 300;
                      font-style: normal;
                      src: local('Roboto Regular'),
                           url('../fonts/roboto-300.ttf') format('truetype');
                    }
@font-face {
                      font-family: 'Roboto';
                      font-weight: 400;
                      font-style: normal;
                      src: local('Roboto Regular'),
                           url('../fonts/roboto-400.ttf') format('truetype');
                    }