section.front-header {
  background: #e6e6e6;
  color: #202104;
  position: relative;
}

section.front-header {
  height: 437px;
}

section.front-header .container {
  background-repeat: no-repeat;
  background-position: right;
  height: 100%;
  position: relative;
}

section.front-header .center {
  position: relative;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 700px;
}

section.front-header .center {
  text-align: center;
  background: #fff;
  padding: 30px;
}

section.front-header h1,
section.front-header h2 {
  margin: 0;
  padding: 0;
}

section.front-header h1 {
  color: #706fd3;
  margin-bottom: 15px;
}

section.front-header h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 40px;
}

section.front-partners {
  background: #fafafa;
}

.logos-flex-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 0;
  width: 100%;
}

.logos-flex-container .logos-flex-item {
  padding: 0;
  display: flex;
  max-width: 120px;
  padding: 20px 0;
}

.logos-flex-container .logos-flex-item a {
  display: block;
  text-align: center;
}  

.logos-flex-container .logos-flex-item a img {
  max-width: 70%;
  max-height: 40px;
}

.bubbles{
  width:100%;
  height: 0px;
  z-index: -1;
  overflow:hidden;
  top:0;
  left:0;
  background: #f00;
}
.bubble{
  position: absolute;
  bottom:-100px;
  width:40px;
  height: 40px;
  background:#fafafa;
  border-radius:50%;
  opacity:0.3;
  animation: rise 10s infinite ease-in;
}
.bubble:nth-child(1){
  width:40px;
  height:40px;
  left:10%;
  animation-duration:8s;
}
.bubble:nth-child(2){
  width:20px;
  height:20px;
  left:20%;
  animation-duration:5s;
  animation-delay:1s;
}
.bubble:nth-child(3){
  width:50px;
  height:50px;
  left:35%;
  animation-duration:7s;
  animation-delay:2s;
}
.bubble:nth-child(4){
  width:80px;
  height:80px;
  left:50%;
  animation-duration:11s;
  animation-delay:0s;
}
.bubble:nth-child(5){
  width:35px;
  height:35px;
  left:55%;
  animation-duration:6s;
  animation-delay:1s;
}
.bubble:nth-child(6){
  width:45px;
  height:45px;
  left:65%;
  animation-duration:8s;
  animation-delay:3s;
}
.bubble:nth-child(7){
  width:90px;
  height:90px;
  left:70%;
  animation-duration:12s;
  animation-delay:2s;
}
.bubble:nth-child(8){
  width:25px;
  height:25px;
  left:80%;
  animation-duration:6s;
  animation-delay:2s;
}
.bubble:nth-child(9){
  width:15px;
  height:15px;
  left:70%;
  animation-duration:5s;
  animation-delay:1s;
}
.bubble:nth-child(10){
  width:90px;
  height:90px;
  left:25%;
  animation-duration:10s;
  animation-delay:4s;
}
@keyframes rise{
  0%{
    bottom:-100px;
    transform:translateX(0);
  }
  50%{
    transform:translate(100px);
  }
  100%{
    bottom:1080px;
    transform:translateX(-200px);
  }
}