html {
  font-size: 1.2rem;
}

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.3rem;
  }
}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

.logo {
  height: auto;
  width: 100%;
  max-height: 125px;
  max-width: 400px;
}

.gc-bg-primary {
  background: #f9f9f9;
}

.gc-bg-secondary {
  background: #b3b3b3;
}

.bg-GraycoBanner {
  background-image: url("images/markus-spiske-hvSr_CVecVI-unsplash-cp.jpg");

  height: 300px;

  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.GraycoBanner {
  height: 300px;
}

.bg-AboutParallax {
  background-image: url("images/turned-on-laptop-2349210-cp.jpg");

  height: 400px;

  background-attachment: fixed;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.bg-ProductTTParallax {
  background-image: url("images/erik-mclean-ODXrQfJqo90-unsplash-cp.jpg");

  height: 400px;

  background-attachment: fixed;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.bg-ProductEEParallax {
  background-image: url("images/annie-spratt-Z-rPwnLd-Vg-unsplash-cp.jpg");

  height: 400px;

  background-attachment: fixed;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.product-description {
  height: 400px;
}

.info-Block {
  height: 300px;
}

a {
  color: lightgray;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: silver;
  text-decoration: underline;
}