body {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* navbar */

nav.navbar {
  background-color: #fff;
}

nav.navbar nav a {
  color: #758737;
  text-transform: uppercase;
  font-size: 1em;
}

nav.navbar nav a:hover {
  color: #758737;
  text-decoration: underline;
}

nav.navbar nav a:last-child {
  color: #fff;
  background-color: #758737;
  border-radius: 0.5em;
}

nav.navbar nav a:last-child:hover {
  color: #fff;
}

/* header */

#header {
  border-top: 5px solid #758737;
  overflow: hidden;
}

#header img {
  position: relative;
  height: auto;
  max-width: 200%;
  left: -50%;
}

/* sections */

section > h2.title {
  color: #758737;
}

section .card {}

section .card .card-img-container {
  height: 182px;
  overflow: hidden;
}

section .card a.register {
  background-color: #758737;
  border: 1px solid #758737;
}

/* footer */

footer {
  background-color: #fff;
  border-bottom: 10px solid #758737;
}

footer .container {
  border-top: 1px solid #758737;
}

footer a {
  color: #758737;
}

/* pages */

.page-index main {
  z-index: 2 !important;
  margin-bottom: -70px !important;
}

.page-index #upcomingEvents h2 {
  z-index: 4 !important;
  margin-bottom: -50px !important;
}

.page-index #upcomingEvents div.description {
  margin-left: -50px !important;
}

.page-index footer {
  position: relative;
  z-index: 8 !important;
}

.page-about .card .card-img-container {
  height: 250px !important;
  text-align: center;
}

.page-about .card-deborah .card-img-container img {
  width: 250px !important;
}

.page-about .card h3 {
  font-size: 1.2em;
}

.page-events main {
  position: relative;
  z-index: 2 !important;
  margin-bottom: -70px;
}

.page-events #allEvents1 {
  position: relative;
  z-index: 8 !important;
  margin-bottom: -70px;
}

.page-events #allEvents2 div.description {
  position: relative;
  z-index: 4 !important;
  margin-left: -50px !important;
}

.page-events footer {
  position: relative;
  z-index: 16 !important;
}

/* media queries */

@media (min-width: 576px) {
  #header img {
  }
}

@media (min-width: 768px) {
  #header img {
    max-width: 120%;
    left: -12%;
  }
}

@media (min-width: 992px) {
  nav.navbar nav a {
    font-size: 1.25em;
  }

  #header img {    
  }
}

@media (min-width: 1200px) {
  #header img {
    max-width: 100%;
    left: 0%;
  }
}

@media (min-width: 1400px) {
  #header img {
  }
}