@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600, 700&display=swap");

@import url("https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap");

/* Global */
html {
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

#logo {
  width: 451px;
  height: auto;
}

nav {
  padding: 1% 1%;
  border-bottom: 1px solid #ccc;
}

.navbar-nav ul li {
  list-style: none !important;
}

.nav-item a {
  font-family: "Montserrat", Helvetica, Arial, Lucida, sans-serif;
  font-display: swap;
  color: #666 !important;
}

.nav-item a:hover {
  color: #ccc !important;
}

.active a {
  color: #2b5d80 !important;
}

.bg-white {
  background-color: #fff;
}

footer {
  background-color: #2e2e2e !important;
  color: white;
  font-family: "Montserrat", sans-serif;
  font-display: swap;
  width: 100%;
  padding: 2em 4em 1em;
}

footer a {
  color: white;
}

footer a:hover {
  color: #73a0b4;
  text-decoration: none;
}

#footnav {
  display: flex;
}

#footnav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footnav li {
  display: inline;
  padding: 0 0.5em;
}

#footnav li a {
  border-bottom: 1px solid #b1d2d7;
}

.social {
  text-align: right;
  color: #fff;
  font-display: swap;
  font-size: 1em;
  padding-bottom: 1em;
}

.social a {
  margin-left: 0.8em !important;
}

.social a:last-child {
  margin-left: none;
}

/* End Global */

/* Typeography */

h1 {
    font-family: "Montserrat", Arial, sans-serif;
    font-display: swap;
    font-weight: 700;
    font-size: 2em;
    text-transform: uppercase;
    color: #353740;
    padding: 2.5% 0 0 0;
}

#subtitle {
    font-family: "Montserrat", Arial, sans-serif;
    font-display: swap;
    font-weight: 700;
    font-size: 1em;
    font-style: italic;
    text-transform: uppercase;
    color: #353740;
    padding: 0 0 2% 0;
}

h2 {
    font-family: "Montserrat", Arial, sans-serif;
    font-display: swap;
    font-weight: 700;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #353740;
}

h3 {
    font-family: "Montserrat", Arial, sans-serif;
    font-display: swap;
    font-weight: 700;
    font-size: 1.2em;
    text-transform: uppercase;
    color: #353740;
}

h4 {
    font-family: "Montserrat", Arial, sans-serif;
    font-display: swap;
    font-weight: 700;
    font-size: 1.7em;
    text-transform: uppercase;
    color: #353740;
    text-align: center;
    padding: 0 0 1% 0;
}

p {
    font-family: "Raleway", Arial, sans-serif;
    font-display: swap;
    font-weight: 400;
    font-size: 1em;
    color: #353740;
}

/* End Typeography */

/* Lists */

ul {
    padding-bottom: 1em;
}

li {
    padding-bottom: .7%;
}

/* End Lists */

/* Links */

a {
  color: #415D7A;
}

a:hover {
    color: #ccc;
}

/* Misc */

.placement-image {
    width: 100%;
    height: auto;
}

.placement-image img {
    width: 100%;
    height: auto;
}

/* End Misc */