#mainNav, footer { background: #417c95 !important; }

footer ul { color: white; margin: 0; }
footer ul li { list-style: none; display: inline; padding: 0 10px; }

.nav-register { color: #f7eee2 !important; border: 1px solid #f7eee2; border-radius: 27px;
padding: 10px 20px !important;
font-weight: normal !important; }
.nav-register:hover { color: #417c95 !important; background: #f7eee2; }
.nav-register:active, .nav-register.active { color: #f7eee2 !important; }
#mainNav .navbar-nav .nav-item .nav-link.active { color: #f7eee2 !important; }

header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.25;
  z-index: 1;
}

/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
  }

  header video {
    display: none;
  }
}

.overlapping { color: #417c95; font-size: 18px; }
.overlapping h1 { color: #417c95; font-weight: bold; font-size: 3em; margin-top: 1.2em; text-align: center; }
.overlapping a { color: #417c95; }
.overlapping img { border-radius: 15px; }

@media (min-width: 992px) {

    .overlapping .overlapping-row img {
        top: -10em;
        position: relative;
    }

    .overlapping .overlapping-row p {
        margin-top: 2em;
    }
}
.page-section#masterplan { background: url('../assets/omer-sonido-6LfsSZjQYaE-unsplash.jpg') no-repeat rgba(127,165,144,.95); background-blend-mode: multiply; background-size: cover; }
.page-section#masterplan .overlapping, .page-section#masterplan .overlapping h1, .page-section#masterplan .overlapping a { color: #f7eee2; }

.page-section#register { background: #efd6c7; }
.page-section#register .overlapping, .page-section#register .overlapping h1, .page-section#register .overlapping a { color: #417c95; }
.page-section#register .overlapping h1 { text-align: left; margin-top: 0; }

section.map { height: 75vh; }
.logo { height: 80px; }

.modal-backdrop { background: #417c95; }
.modal-backdrop.show { opacity: .75 !important; }

.modal-dialog-scrollable .modal-content { background: rgb(127, 165, 144); }
.modal-content { border-radius: 25px; color: white; }
.modal-body { padding: 2rem; }

#contactForm label { color: white; }
#contactForm input { border-radius: 10px; }
#contactForm .btn-primary { background: #417c95; color: white; border: 0; border-radius: 15px; margin-top: 15px; }