body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #eeeeee;
  text-align: left;
  background-color:#353535;
  }

body::before {
  content: ' ';
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #353535;
  background: url(../img/grid.png) repeat-x;
  will-change: transform;
  z-index: -1;
  }

.bg-secondary {
    background-color: #555555 !important;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #495057;
  text-align: left;
  list-style: none;
  background-color: #555555;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 0.25rem;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: lightgray;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  }

.col-md-9 img {
    max-width: 100%;
    display: inline-block;
    padding: 4px;
    line-height: 1.428571429;
    border: 0px solid #ddd;
    border-radius: 0px;
    margin: 20px auto 30px auto;
    background-color: #353535;
  }

h3 {
  font-size: 1.7rem;
  color: lightgray;
}

a {
  color: #bebebe;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}


h1 {
  color: white;
  font-family: sans-serif;
}

h2 {
  color: lightgray;
  font-family: sans-serif;
}

.col-md-9 {
  font-family: serif;
}


img[alt=Copyright] {
  width: 150px;
  border: 0px;
 }

b, strong {
  font-weight: bolder;
  color: white;
}

i, cite, em, var, address, dfn {
  font-style: italic;
  color: white;
}