@charset "utf-8";
/* CSS Document */
body {
  font-family: "Lexend", sans-serif;
  background-color: #f2f2f2;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  font-style: normal;
  font-weight: 200;
}
header {
  width: 100%;
  height: 5%;
  background-color: #808663;
  border-bottom: 1px solid #808663;
}
.logo {
  width: 40%;
}
h4.logo {
  font-weight: 100;
}
.text_column {
  font-weight: 200;
}
.hero {
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/caldwell-stitch.jpg') center/cover no-repeat;
  align-items: center;
  justify-content: center;
  /* Set a specific height */
  height: 50%;
  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.banner {
  background-color: #2D9AB7;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/stitch-snow.jpg');
  height: 400px;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .logo {
    width: 100%;
    text-align: center;
    margin-top: 13px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    color: #fff;
  }
  .hero {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/caldwell-stitch-mob.jpg') center/cover no-repeat;
  }
  .banner {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/stitch-snow-mob.jpg');
  }
}
@media (max-width: 459px) {
  .hero {
    background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.45)), url('../images/dogs-on-trail.jpg') center/cover no-repeat;
  }
  .light {
    font-weight: bold;
    color: #fff;
  }
}