#backtotop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  color: black;
  text-decoration: none; }

h1, h2, h4 {
  font-weight: 700;
  font-style: normal;
  font-family: georgia; }

h1 {
  font-size: 48px;
  line-height: 50px;
  color: #fff; }

a {
  color: yellow; }
  a:hover {
    color: yellow; }

p {
  line-height: 25px; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #65350F; }

.nav-item a.nav-link {
  color: #65350F !important; }

.nav-item a.active {
  color: #FFF !important; }

.video-container {
  height: 1024px;
  width: 100%;
  position: relative; }

.video-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0; }

.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center; }
  .video-container .caption:before {
    display: block;
    content: ' ';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: -1; }

.about-box {
  background: url("../images/about.jpg");
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out; }
  .about-box:hover {
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-in-out;
    text-transform: scale(1); }

.events-box {
  background: url("../images/events.jpg");
  background-size: cover; }
  .events-box:hover {
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-in-out;
    text-transform: scale(1); }

.menu-box {
  background: url("../images/menu.jpg");
  background-size: cover; }
  .menu-box:hover {
    -webkit-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-in-out;
    text-transform: scale(1); }

.card {
  height: 270px; }

.subpage-hero-menu {
  background: url("../images/menu-header.jpg");
  background-size: cover;
  height: 300px; }

.subpage-hero-events {
  background: url("../images/events-header.jpg");
  background-size: cover;
  height: 300px; }

.subpage-hero-about {
  background: url("../images/about-header.jpg");
  background-size: cover;
  height: 300px; }

.subpage-hero-contact {
  background: url("../images/contact-header.jpg");
  background-size: cover;
  height: 300px; }

.event-1 {
  background: url("../images/event-1.jpg");
  background-size: cover;
  height: 300px; }

.event-2 {
  background: url("../images/event-2.jpg");
  background-size: cover;
  height: 300px; }

.event-3 {
  background: url("../images/event-3.jpg");
  background-size: cover;
  height: 300px; }

.event-4 {
  background: url("../images/event-4.jpg");
  background-size: cover;
  height: 300px; }