@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSans.ttf") format("truetype");
  font-display: swap;
  unicode-range: U+10D0-10FF, U+1C90-1CBF;
}
@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSans-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
  unicode-range: U+10D0-10FF, U+1C90-1CBF;
}
@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSans-Oblique.ttf") format("truetype");
  font-display: swap;
  font-style: oblique;
  unicode-range: U+10D0-10FF, U+1C90-1CBF;
}
@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSans-BoldOblique.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
  font-style: oblique;
  unicode-range: U+10D0-10FF, U+1C90-1CBF;
}
@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSerif.ttf") format("truetype");
  font-display: swap;
  unicode-range: U+10A0-10CF, U+2D00-2D2F;
}
@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSerif-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
  unicode-range: U+10A0-10CF, U+2D00-2D2F;
}
@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSerif-Italic.ttf") format("truetype");
  font-display: swap;
  font-style: oblique;
  unicode-range: U+10A0-10CF, U+2D00-2D2F;
}
@font-face {
  font-family: "BGP2017";
  src: url("../BPG_2017/DejaVuSerif-BoldItalic.ttf") format("truetype");
  font-display: swap;
  font-weight: bold;
  font-style: oblique;
  unicode-range: U+10A0-10CF, U+2D00-2D2F;
}
div#transliterate, div.georgian {
  font-family: "BGP2017", "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
div#transliterate textarea {
  box-sizing: border-box;
  width: 100%;
  resize: vertical;
}
div#transliterate label {
  font-weight: bold;
  margin: 5px 40px 1rem 8px;
}
div#transliterate {
  margin-bottom: 1rem;
}