.green {
  color: #05A2AC;
}

.img-bg {
  position: absolute;
  z-index: -1;
  left: -200px;
  opacity: 0.2;
  top: 160px;
  transform: translatey(0px);
  animation: float 2s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

#contact {
  clip-path: polygon(0 0%, 100% 15%, 100% 100%, 0% 100%);
  background: #5ac0c6;
  padding-top: 140px;
}

.bg-light {
  background-color: #f8f9fa !important;
  padding: 180px 0 !important;
  clip-path: polygon(0 10%, 100% 30%, 100% 75%, 0 90%);
  margin-bottom: 0px !important;
}

@media screen and (max-device-width: 416px) {
  .bg-light {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }

  #contact {
    clip-path: polygon(0 0%, 100% 8%, 100% 100%, 0% 100%);
  }
}