.bg.purple.page-header-top {
  background-image: url(../images/swirls/header_dark_blue_cropped_2500.jpg);
  background-size: cover;
}

.bg.cream {
  background-image: url(../images/swirls/magenta-1-left.png);
  background-size: cover;
}

.bg.cream .inner-square.cream {
  background-image: url(../images/swirls/magenta-1-right.png);
  background-position-y: bottom;
}

.bg.cream2 {
  background-image: url(../images/swirls/magenta-1-right.png);
}

.bg.cream2 .inner-square.cream {
  background-image: url(../images/swirls/magenta-1-left.png);
  background-position-y: bottom;
}

.bg.cyan {
  background-image: url(../images/swirls/cyan-1-left.png);
  background-size: cover;
}

.bg.dark-magenta {
  background-image: url(../images/swirls/magenta-2.png);
  /* background-size: auto; */
  /* background-position-x: right; */
  background-position-x: 40%;
  /* background-position-y: bottom; */
}

.bg.purple {
  background-image: url(../images/swirls/purple-2.png);
}

.bg.cream-blue {
  background-image: url(../images/swirls/cream-blue-1.png);
  background-position-x: right;
}

.bg.cream-top-cyan {
  background-image: url(../images/swirls/cream-top-cyan.png);
  background-size: auto;
  background-position: top right;
}

.bg.cream-top-magenta {
  background-image: url(../images/swirls/cream-top-magenta.png);
  background-size: auto;
  background-position: top right;
}

.bg.light-blue-top-cyan {
  background-image: url(../images/swirls/light-blue-top-cyan.png);
  background-size: auto;
  background-position: top right;
}

.bg.light-blue {
  background-image: url(../images/swirls/light-blue-1.png);
  background-position: top right;
  background-size: 65%;
}