body {
  padding-top: 5rem;
  font-family: 'Open Sans', sans-serif; }

.x {
  cursor: pointer;
  background-image: url("../X.svg");
  background-size: cover;
  width: 20px;
  height: 20px;
  -webkit-transition: -webkit-transform .5s ease-in-out;
  -ms-transition: -ms-transform .5s ease-in-out;
  transition: transform .5s ease-in-out; }

.x:hover {
  cursor: pointer;
  background-image: url("../X_over.svg");
  background-size: cover;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.grey {
  color: #343333; }

.story-title {
  font-size: 2.0rem;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 500;
  line-height: 0; }

.sub-title {
  font-size: .85rem; }

.bg-WUAC {
  background-color: #FC9739 !important; }

.navbar-toggler {
  background-color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .nav-link {
  color: black;
  font-size: 1.5rem;
  font-weight: 700; }

.white {
  color: #FFFFFF !important; }

.brown {
  color: #8e5500; }

.info-block .title {
  margin-top: 0px;
  background-color: #FC9739;
  display: inline-block;
  width: 115%;
  margin: 0 -15px;
  padding: 3px 15px;
  color: #ffffff;
  text-transform: uppercase;
  top: -15px;
  position: relative; }

.info-block {
  background-color: rgba(255, 226, 162, 0.83);
  padding: 12px;
  display: inline-block;
  border: thin #c6c6c6 solid;
  border-radius: 6px;
  overflow: hidden; }

.info-block a:link, .info-block a:visited {
  color: #8e5500;
  text-decoration: underline; }

.white-link > a:link, .white-link > a:visited {
  color: white; }

.large-top {
  margin-top: 52px; }

.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #ffe7b2; }

.dropdown-menu {
  padding: 0; }

@media screen and (max-width: 690px) {
  .large-top {
    margin-top: 0px; } }