body {
  padding-top: 90px;
  padding-bottom: 20px;
  font-family: Arial;
}
@media(max-width: 768px) {
 body {
  padding-top: 50px;
 }
}
a.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}
.navbar-fixed-top {
  background-color: rgba(50,50,50,0.2);
}
.btn-navbar {
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 10px;
}
.btn-dropdown-element {
 margin: 5px 10px 5px 25px;
}
.navbar-fixed-top {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.navbar-fixed-top.opaque {
    background: rgb(241, 241, 241); /* IE */
    background-color: rgba(76, 99, 175, 1); /* NON-IE */
}
.full-text {
    display: block;
}
.short-text {
    display: none;
}
@media(min-width: 768px) {
 .full-text {
     display: none;
 }
 .short-text {
    display: block;
 }
}
@media(min-width: 1200px) {
 .full-text {
     display: block;
 }
 .short-text {
    display: none;
 }
}
img.center {
    display: block;
    margin: 0 auto;
}
.logo-box {
 width: 100px;
 height: 70px;
 padding-top: 5px;
}
@media(max-width: 400px) {
 .logo-box {
  width: 200px;
  height: 70px;
 }
}
h3{
 color: #cc0000;
}
h3 a{
 color: #cc0000;
}
h3 a:hover {
 text-decoration: none;
 color: #23527c;
}
.form-element {
 padding-left: 10px;
 padding-right: 15px;
}
.row-top-border {
 padding: 8px;
 border-top: 1px solid #b0b0b0;
}
.search-container {
 background-color: #217abf;
 color: #ffffff;
 padding: 15px
}
.header-row {
 background-color: #217abf;
 color: #ffffff;
}
.rounded {
 border-radius: 10px;
}
.white-box {
  background: #fff;
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 30px;
}
@media(max-width: 768px) {
 .white-box {
  padding: 5px;
 }
}
.grey-box {
 padding: 20px;
 background-color: #dddddd;
 border-radius: 6px;
}
.word-list {
 font-size: 140%;
 font-weight: bold;
}
@media(max-width: 768px) {
 .word-list {
  font-size: 115%;
 }
 .wide-cell {
  padding-left: 2px;
  padding-right: 2px;
 }
 .medium-cell {
  padding-left: 2px;
  padding-right: 7px;
 }
}
.score-box {
 display: inline-block;
}
.round-box {
 border: 4px solid #888888;
 border-radius: 10px;
 padding: 5px;
 margin-top: 15px;
 margin-bottom: 15px;
 background-color: #eeeeee;
}
@media(max-width: 768px) {
 .round-box {
  border: 2px solid #888888;
  margin-top: 5px;
  margin-bottom: 5px;
 }
}
.grey-score {
 border-color: #cccccc;
}
.green-score {
 border-color: #77c610;
}
.blue-score {
 border-color: #40ccf4;
}
.purple-score {
 border-color: #977df9;
}
.gold-score {
 border-color: #f8b01a;
}
.btn-margin {
 margin-left: 25px;
}
.overview-medal {
 float: left;
 margin: 0px 10px 0px 0px;
 width: 20px;
}
@media(max-width: 768px) {
 .overview-medal {
  float: right;
  margin: 0px 0px 0px 10px;
  width: 10px;
 }
}
.shadow-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.study-word {
 font-size: 300%;
 color: #cc0000;
 font-weight: bold;
} 
.study-word-small {
 font-size: 300%;
 color: #cc0000;
 font-weight: bold;
} 
@media(max-width: 768px) {
 .study-word-small {
  font-size: 150%;
  color: #cc0000;
  font-weight: bold;
 } 
}
.quote-box {
 padding: 20px;
 margin: 20px;
 background-color: #ffffd0
}
.article-separator {
  border-color: #cc0000
}
.image-left {
 float: left;
 margin: 0px 15px 15px 0px;
}
.image-left-index {
 float: left;
 margin: 15px 5px 15px 0px;
}
.image-link-scale:hover {
  transform: scale(1.2, 1.2);
  transition: 0.5s ease-in-out;
}
.image-large-scale:hover {
  transform: scale(5, 5);
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 9;
}
.fixed-bg {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.semi-regular {
 background-color: #fdfec2;
}