.custom-banner-area {
  color: #fff;
  padding: 72px 0 144px;
  -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 85%);
  clip-path: polygon(0 0,100% 0,100% 100%,0 85%);
  -webkit-animation: hero-gradient 20s ease infinite;
  animation: hero-gradient 20s ease infinite;
  background-size: 200% 200%;
  text-align:center;
}

.custom-banner-area .page-center {
  max-width: 816px;
}

.custom-banner-area h1 {
  margin: 24px 0;
}

.custom-banner-area p {
  opacity:.5;
  margin:0 0 24px;
}

@media (min-width:768px) {
  .custom-banner-area {
    display: inline-block;
    width: 100%;
    padding: 144px 0;
  }
}

@media (max-width:767px) {
  .custom-banner-area h1 {
    font-size:2.4em;
  }
}