/*
 * Globals
 */

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

main > .container {
  padding: 60px 15px 0;
}


.top-logo {
  /* SUITESENSE */

  max-width: 334.13px;
  max-height: 30px;
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */

}


/*
 * Base structure
 */

body {
  background: #E5E5E5;
  font-family: 'Montserrat', sans-serif;  font-style: normal;

}

.content-slot {
  padding: 50px;
}

#home {
  padding:  100px 150px 100px 150px;
}
@media screen and (max-width: 800px) {
  #home {
    padding: 70px 50px 50px 50px;
  }
}
@media screen and (max-width: 475px) {
  .navbar-toggler {
    display: none;
  }
}
#main {
  padding-top: 70px;
}

.anchor { padding-top: 70px; }

#home, #about {
  background: #ffffff;
}

#services, #contact {
  background: #09494E;
}

.container-footer {
  background: #000000;
}
.navbar-brand {
  margin-left: 40px;
}
.navbar {
  background: #ffffff;
  border-bottom: 1px solid #E3E3E3;
}

.nav-item.active .nav-link,
.nav-item:hover .nav-link {
  color: #ffffff !important;
  background-color: #09494E; /* add background-color to active links */
}

.cover-container {
  max-width: 1680px;
  background: #FFFFFF;
}

h1 {
  font-family: 'Montserrat', sans-serif;  font-style: normal;

  font-style: normal;
  font-weight: 900;
  font-size: 7.5vw;
  line-height: 150%;

  text-align: center;

  color: #000000;
}
@media screen and (min-width: 800px) {
  h1 {
    font-size: 60px;
  }
}
.mailer {
  text-decoration: none;
}

.lead {
  font-family: 'Montserrat', sans-serif;  font-style: normal;

  font-style: normal;
  font-weight: normal;
  font-size: 4vw;
  line-height: 150%;
  /* or 39px */

  letter-spacing: -0.2px;
  text-align: justify;

  color: #222222;
}
@media screen and (min-width: 800px) {
  .lead {
    font-size: 26px;
  }
}

.alt-style {
  color: #FFFFFF;

}

.about-img {
  padding-bottom: 50px;
}

h2 {
  font-family: 'Montserrat', sans-serif;  font-style: normal;
  font-style: normal;
  font-weight: 900;
  font-size: 26px;
  line-height: 42px;
  /* or 162% */
}

h3 {
  font-family: 'Montserrat', sans-serif;  font-style: normal;
  font-style: normal;
  font-weight: 800;
  font-size: 26px;
  line-height: 42px;
  /* or 162% */
}

.sub-body {
  font-family: 'Montserrat', sans-serif;  font-style: normal;
  font-style: normal;
  font-size: 26px;
  line-height: 150%;
  /* or 39px */

  letter-spacing: -0.2px;
}

/*
 * Header
 */

.nav-link {
  padding: .25rem 0;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
  font-family: 'Montserrat', sans-serif;  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  line-height: 42px;
  /* or 162% */
  text-align: center;

  /*
  width: calc(50vw/4);
   */
  min-width: 150px;

  color: #09494E !important;
}

.nav-link:hover,
.nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-link + .nav-link {
  margin-left: 1rem;
}

.active {
  text-decoration: underline;
}