:root {
  --primaryColor: #3b547e;
  --secondaryColor: #2b639a;
}
.about-us .btn {
  background-color: var(--primaryColor);
}
.about-us .btn:hover {
  background-color: var(--secondaryColor);
}
.about-us h1 {
  color: var(--secondaryColor);
}
h2 {
  color: var(--secondaryColor);
}
.entry-option {
  background-color: var(--primaryColor);
}
.entry-option .entry-info {
  background-color: var(--secondaryColor);
}
.entry-option .online {
  background-color: #3f80bf;
}
.system-overview {
  background-image: url("../images/system-mob.png");
  background-position-y: 97%;
  background-color: var(--primaryColor);
  background-repeat: no-repeat;
}
.system-overview .dog-show-wrapper {
  background-image: url("../images/dog-show.png");
  background-repeat: no-repeat;
  background-position-x: 71%;
  background-size: contain;
}

.receiving-entries {
  background-image: url("../images/receiving-mob.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: top center;
}
.contact-us {
  background-image: url("../images/contact-mob.png");
  background-color: var(--primaryColor);
  background-repeat: no-repeat;
}
.our-system .work-info {
  background-color: var(--primaryColor);
}
.contact-us .btn {
  color: var(--primaryColor);
}

@media all and (min-width: 768px) {
  .system-overview {
    background-image: url("../images/system-overview-left.png"),
      url("../images/system-overview-right.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left 87%, right 84%;
  }
  .system-overview .dog-show-wrapper {
    background-position-x: 12%;
  }
  .our-system {
    background-image: url("../images/our-system-top.png"),
      url("../images/our-system-right.png"),
      url("../images/our-system-bottom.png"),
      url("../images/our-system-left-b.png");
    background-repeat: no-repeat;
    background-position: left 2%, 95% 71px, right bottom, 38px 93%;
  }
  .receiving-entries {
    background-image: url("../images/map.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .contact-us {
    background-image: url("../images/contact-us-left.png"),
      url("../images/contact-us-right.png");
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom, right bottom;
  }
  .about-us .btn {
    min-width: 227px;
  }
  /* usa-end */
}