h1, h3, h4, h5, h6, p, ol {
  color: #fff;
}

@media (width >= 0) {
  .herobanner {
    max-height: 250px;
  }
}

@media (width >= 350px) {
  .herobanner {
    max-height: 270px;
  }
}

@media (width >= 500px) {
  .herobanner {
    max-height: 270px;
  }
}

@media (width >= 768px) {
  .herobanner {
    max-height: 450px;
  }
}

@media (width >= 900px) {
  .herobanner {
    max-height: 550px;
  }
}

@media (width >= 1200px) {
  .herobanner {
    max-height: 1200px;
  }
}

@media (width >= 1400px) {
  .herobanner {
    margin: 0 auto;
  }
}

.herobanner {
  text-align: center;
  background-image: url("gd-herobanner.2da0fc79.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40rem;
}

.bg1, .bg4, .graphicdesign {
  background-color: #000;
}

.space-top {
  padding-top: 4.768rem;
}

.space-bottom {
  padding-bottom: 4.768rem;
}

.bg2 {
  text-align: center;
  background-image: url("gd-img1.c8c08912.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30rem;
}

@media (width >= 575px) {
  .bg2 {
    height: 25rem;
  }
}

@media (width >= 1200px) {
  .bg2 {
    height: 35rem;
  }
}

@media (width >= 2000px) {
  .bg2 {
    height: 50rem;
  }
}

.bg3 {
  text-align: center;
  background-image: url("gd-img-bg.fb72c28a.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60rem;
  padding: 6rem 0;
}

@media (width >= 0) {
  .bg3 {
    height: 60rem;
  }
}

@media (width >= 330px) {
  .bg3 {
    height: 70rem;
  }
}

@media (width >= 400px) {
  .bg3 {
    height: 80rem;
  }
}

@media (width >= 575px) {
  .bg3 {
    height: 37rem;
  }
}

@media (width >= 1200px) {
  .bg3 {
    height: 45rem;
  }
}

@media (width >= 1400px) {
  .bg3 {
    height: 52rem;
  }
}

@media (width >= 480px) {
  .disney {
    padding-top: 4.7rem;
  }
}

.bg3 p {
  color: #000;
  text-align: left;
}

.menu {
  width: 100%;
  height: 52px;
  position: absolute;
}

.menu h1 {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  padding-top: 16px;
  font-size: 24px;
}

.menu .works {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}

.menu .works:hover {
  color: #c23b27;
}

.menu .contact {
  color: #fff;
  background-color: #000;
  border-radius: 4px;
  padding: 10px;
}

.menu .contact:hover {
  color: #fff;
  background-color: #c23b27;
}

.footer {
  background-color: #000;
  border-top: 1px solid #2e2e2e;
  padding-top: 4.768rem;
  padding-bottom: 160px;
}

.footer img {
  border-radius: 4px;
  max-width: 28px;
}

.footer a {
  color: #fff;
}

.footer a:hover {
  color: #c23b27;
}

.footer .email-address {
  margin-bottom: 36px;
}

.footer .link-to-project {
  color: #fff;
  padding: 8px;
}

/*# sourceMappingURL=graphicDesign.fc219e0b.css.map */