.bubble {
  position: relative;
  max-width: 630px; }
  @media (min-width: 576px) {
    .bubble {
      padding: 0 6rem; } }
  @media (max-width: 575.98px) {
    .bubble {
      padding: 0 4rem 0 2rem; } }
  .bubble > * {
    z-index: 1;
    position: relative; }
  .bubble .bubble-bg {
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    opacity: 0.8; }
    @media (max-width: 575.98px) {
      .bubble .bubble-bg {
        width: 110%;
        height: auto;
        padding-top: 110%; } }
  .bubble.first .bubble-bg {
    transform: translate(-50%, -60%); }
    @media (max-width: 575.98px) {
      .bubble.first .bubble-bg {
        transform: translate(-50%, -50%); } }

p.has-40-font-size br {
  display: none !important; }

/*# sourceMappingURL=bubble.css.map */