/*=== BOOTSTRAP STYLES BEGIN =================================================*/
/*
 * The styles in this section are taken from Bootstrap v5.3.3. As such, they
 * are subject to the Bootstrap's license:
 *
 *     Bootstrap  v5.3.3 (https://getbootstrap.com/)
 *     Copyright 2011-2024 The Bootstrap Authors
 *     Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 *
 * In addition, some other CSS selectors on this website may duplicate the
 * styles of the ".container" class herein.
 */
h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
}

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

.container {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 540px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

/*=== BOOTSTRAP STYLES END ===================================================*/
body {
  margin: 0;
  background-color: #f8f8f2;
}

main {
  font-family: "Open Sans", sans-serif;
  color: #091833;
}
main a {
  color: rgb(32.625, 87, 184.875);
  text-decoration: none;
  transition: color 0.3s;
}
main a:hover {
  color: rgb(38.4, 147.2, 95.2);
  text-decoration: none;
}
main h1, main h2, main h3, main h4, main h5, main h6 {
  font-family: "Raleway", sans-serif;
}

main {
  padding-bottom: 30px;
  padding-top: 65px;
}
@media (max-width: 991px) {
  main {
    padding-top: 0;
  }
}
main.has-hero {
  padding-top: 0;
}

/*--------------------------------------------------------------
# Alternating background
--------------------------------------------------------------*/
.alt-bg-color {
  background: rgb(239.425, 239.425, 226.075);
}