.paragraph--type--moonphase #content:before {
  content: none;
}
.paragraph--type--moonphase .container:before {
  content: none;
}

.paragraph--type--moonphase .paragraph-content {
  padding: 110px 15px 0 15px;
  color: #fff;
  background-color: #f2f2f2;
  position: relative;

  @media (max-width: 768px) {
    padding: 50px 15px 0 15px;
  }
}

.paragraph--type--moonphase .paragraph-wrapper {
  max-width: 886px;
  margin: 0 auto;
}

.paragraph--type--moonphase h2 {
  margin-bottom: 30px;
  color: #1d3e4b;
}

.paragraph--type--moonphase .description {
  text-transform: uppercase;
  line-height: 28px;
  margin-bottom: 30px;
  color: #1d3e4b;
}

.paragraph--type--moonphase .moonphase-component {
  margin: 0;
  padding: 0;
}