body {
  font-family: "Open Sans", sans-serif; }

h1,
h2,
h3 {
  font-family: "Lobster", cursive; }

h2 {
  color: #3046c5; }

header h2 {
  color: #cec8ff; }

  .media {
    display: flex;
    align-items: flex-start;
  }
  
  .media-body {
    flex: 1;
  }
  
.site-footer {
  background-image: linear-gradient(#cec8ff, white);
  padding: 20px 0; }

.jumbotron {
  margin: 0;
  padding: 30px;
  background-image: linear-gradient(to right, #5637dd, #3046c5, #60106b);
  color: white; }

.row-content {
  padding: 50px 0;
  border-bottom: 1px ridge;
  min-height: 200px; }

.navbar {
  background-color: #901cad; }

.tab-content {
  border: 1px solid #ddd;
  border-top: none;
  padding: 10px; }

a,
a:hover {
  color: inherit;
  text-decoration: none; }

.carousel {
  border: solid #5637dd; }

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5); }

#carouselButton {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100; }

#reserveModal .modal-header {
  background-color: #17a2b8;
  color: white; }

#loginModal .modal-header {
  background-color: #901cad;
  color: white;}