.accent-top-left,
.accent-bottom-right {
  background-repeat: no-repeat;
  background-size: var(--accent-size-md);
}
.accent-lg {
  background-size: var(--accent-size-lg) !important;
}
.accent-top-left {
  background-position: left top;
}
.accent-top-left-white {
  background-image: var(--accent-bg-top-left-white);
}
.accent-top-left-blue {
  background-image: var(--accent-bg-top-left-blue);
}
.accent-top-left-gray {
  background-image: var(--accent-bg-top-left-gray);
}
.accent-bottom-right {
  background-position: right bottom;
}
.accent-bottom-right-white {
  background-image: var(--accent-bg-bottom-right-white);
}
.accent-bottom-right-blue {
  background-image: var(--accent-bg-bottom-right-blue);
}
.accent-bottom-right-gray {
  background-image: var(--accent-bg-bottom-right-gray);
}
.accent-top-left.accent-bottom-right {
  background-position: left top, right bottom;
}
.accent-top-left-white.accent-bottom-right-white {
  background-image: var(--accent-bg-top-left-white),
    var(--accent-bg-bottom-right-white);
}
.accent-top-left-blue.accent-bottom-right-blue {
  background-image: var(--accent-bg-top-left-blue),
    var(--accent-bg-bottom-right-blue);
}
.accent-top-left-gray.accent-bottom-right-gray {
  background-image: var(--accent-bg-top-left-gray),
    var(--accent-bg-bottom-right-gray);
}
@media (min-width: 768px) {
  .accent-top-left,
  .accent-bottom-right {
    background-size: var(--accent-size-md);
  }
  .accent-lg {
    background-size: var(--accent-size-lg) !important;
  }
}
@media (min-width: 992px) {
  .accent-top-left,
  .accent-bottom-right {
    background-size: var(--accent-size-md);
  }
  .accent-lg {
    background-size: var(--accent-size-lg) !important;
  }
}
@media (min-width: 1200px) {
  .accent-top-left,
  .accent-bottom-right {
    background-size: var(--accent-size-md);
  }
  .accent-lg {
    background-size: var(--accent-size-lg) !important;
  }
}
@media (min-width: 1400px) {
  .accent-top-left,
  .accent-bottom-right {
    background-size: var(--accent-size-md);
  }
  .accent-lg {
    background-size: var(--accent-size-lg) !important;
  }
}
@media (min-width: 1920px) {
  .accent-top-left,
  .accent-bottom-right {
    background-size: 192px;
  }
  .accent-lg {
    background-size: 288px !important;
  }
}
.accent-grid-top-left {
  background-image: url(assets/img/backgrounds/GridTopLeft.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 60%;
}
@media (min-width: 768px) {
  .accent-grid-top-left {
    background-size: 30%;
  }
}