body {
  background-color: #c9a9a6 !important;

}

h1 {
  color: #695654;

}

a,
b,
h1,
h2,
h3,
h4 {
  color: #5e3935 !important;
  font-weight: bold;
}

.navbar {
  background-color: #936965;
  padding: 0px !important;
}

.alert {
  padding: 0px !important;
}

a:hover {
  text-decoration: none !important;
  color: white !important;
}

.navbar a {
  /* float: left; */
  color: #f2f2f2;
  text-align: center;
  padding: 0px 16px;
  text-decoration: none;
  font-size: 50px;
}

#random {


  /* ENHANCEMENT */
  background-image: url('http://placehold.it/300&text=banner1');
  background-position: 95% 75%;
  background-size: 35%;
  background-repeat: no-repeat;
}


td {
  padding: 5px;
}

tr:nth-child(odd) {
  background-color: rgba(162, 126, 123, 0.7)
}

.larger {
  font-size: 72px;
}

.pink {
  color: #5e3935 !important;
}

.btn {
  background-color: #5e3935 !important;
  border: 2px solid #5e3935 !important;
  padding: 6px 18px !important;
  font-size: 36px !important;
  font-weight: bold !important;
  letter-spacing: 4px !important;
  font-family: 'Raccoon';
  font-weight: Regular;
}

.btn:hover {
  background-color: white !important;
  color: #5e3935 !important;
  border: 2px solid white !important;
}

ul {
  list-style-type: none;

}

.xList li::before {
  content: "\00D7";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #5e3935;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
  /* Also needed for space (tweak if needed) */
}

#faq {
  background-color: rgba(170, 132, 129, 0.7)
}

/* @media only screen and (max-width: 600px) {} */