无法在特定div中移动此文本

Question

我试图将这段文字向上移动到一个div中，以使它看起来一致，但我无法做到。在粒子类中，我将位置更改为绝对位置，但这会导致其他div上的文本重叠到此位置。我尝试在关于p类的部分添加padding-bottom: 30px;，但这只会增加顶部div的大小。

#particles {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
  background: #00a1de;
}
section.about {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 10px;
  width: 100%;
  text-align: center;
}
section.about p {
  font-size: 26px;
  line-height: 1.5em;
  color: white;
  margin: 0;
  text-align: center;
  font-weight: 300;
}

<div id="particles">
  <section class="container-fluid about">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin congue vel erat sed efficitur. Nullam vitae sagittis nisi. In vulputate sit amet lorem at pharetra. Nam a imperdiet augue. Vivamus hendrerit ex id congue bibendum</p>
        </div>
      </div>
    </div>
  </section>
</div>