@font-face {
font-family: 'Oculum';
  src: url('fonts/oculum_regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oculum_regular-webfont.woff') format('woff');/* Pretty Modern Browsers */

}
@font-face {
		font-family: 'OculumBold';
    src: url('fonts/oculum_bold-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('fonts/oculum_bold-webfont.woff') format('woff'); /* Pretty Modern Browsers */
}

body {
  font-family: "Oculum";
}
h1 {
  font-size: 28px;
  margin-bottom: 0.5em;
  font-family: 'OculumBold';
}
h2 {
    font-family: 'OculumBold';
}
h3 {
  /* width: 15%; */
  margin: 0;
  padding: 0.25em;
}
h2 {
}
h3:hover {
  background-color: #ececec;
  cursor: pointer;
}
#articles {
  /* width: 15%; */
  overflow-y: scroll;
  scrollbar-color: #ddd #ccc;
  scrollbar-width: thin;
  margin-top: 1.5em;
}
#def {

}
.deftext {
 display: none;
}
.box {
  height: 200px;
}
#sect-def {
  width: 899px;
  margin-left: 20px;
}
#sect-art {
  width: 240px;
}
.container {
  display: flex;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

@media only screen and (max-width: 1139px) {
  .container {
    display: inline-block;
  }
  #sect-def {
    width: 100%;
    margin-left: 0;
  }
  #sect-art {
    width: 100%;
  }

}