.callout {
  background: #FF4B7D;
  position: relative;
  color: #ffffff;
  padding: 2rem 0 1.5rem;
  overflow: hidden; }
  @media (min-width: 48em) {
    .callout {
      padding: 5rem 0 4.5rem; } }
  .callout .col-xs-12 {
    text-align: left; }
  @media (max-width: 30em) {
    .callout .col-xs-12 {
      text-align: center; }
    .callout .button-group {
      margin: 0; }
    .callout .button {
      margin-left: 0;
      margin-right: 0;
      width: 100%; } }
  .callout .circles {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0; }
    .callout .circles .circle-1,
    .callout .circles .circle-2 {
      border-radius: 50%;
      background: #ffffff;
      position: absolute; }
    .callout .circles .circle-1 {
      width: 251px;
      height: 251px;
      bottom: -175px;
      right: 23px;
      opacity: 0.08; }
      @media (min-width: 75em) {
        .callout .circles .circle-1 {
          width: 455px;
          height: 455px;
          opacity: 0.05;
          bottom: -205px;
          right: auto;
          left: -40px; } }
    .callout .circles .circle-2 {
      width: 251px;
      height: 251px;
      bottom: -40px;
      right: -88px;
      opacity: 0.06; }
      @media (min-width: 75em) {
        .callout .circles .circle-2 {
          right: -240px;
          bottom: -380px;
          opacity: 0.1; } }

/*# sourceMappingURL=maps/callout.css.map */