@import url('https://fonts.googleapis.com/css?family=Saira+Condensed');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,600,900');

* {
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif, Arial;
}

body, html{
  height: 100%;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
}

li {
  list-style: none;
  display: inline-block
}

a {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: none;
}

h1,
h2,
h4 {
  font-weight: 400;
}

p {
  font-size: 20px;
  line-height: 21px;
}

.navbar {
  background-color: #7fc064;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  background-color: #7fc064;
}
.navbar .navbar-toggle {
  border-color: #7fc064;
}

.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #7fc064;
}


@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    background-color: #7fc064;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    background-color: #7fc064;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    background-color: #18a93d;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    background-color: #18a93d;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  background-color: #18a93d;
}

@media (min-width: 990px) {
  .nav-item {
    padding-left: 1rem;
  }
}

.banner {
  margin-top: 0px;
  background-image: url(../../assets/img/Header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: calc(100vw / 4);
}

.banner-mobile {
  display: none;
  margin-top: 0px;
  background-image: url(../../assets/img/Header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0px;
  min-height: 250px;
  height: calc(100vw / 4);
}
@media (max-width: 990px) {
  .banner {
    display: none;
  }

  .banner-mobile {
    display: block;
  }
}


.content{
  background-color: #edf3e5;
  padding: 50px;
}

.content .wrapper {
  background-color: #fff;
  padding: 20px;
  height: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.wrapper > div.content-wrapper {
  max-width: 780px;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 100px;
}

.content a {
  color: #59993e;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: all ease-in-out 200ms;
}

.content a:hover {
  color: #70b951;
  border-color: #70b951;
}

.nav-link {
  font-family: 'Saira Condensed' !important;
  font-size: 18px;
}

.navbar-brand img {
  image-rendering: crisp-edges;
}


/*
Lightbox
*/

.full-image img {
  max-width: 1280px !important;
}

@media (max-width: 1330px) {
  .full-image img {
    max-width: 98% !important;
  }
}

.baguetteBox-button {
  background-color: transparent !important;
  outline: 0 !important;
}