@media (max-width: 768px) {
  .cf7-grid {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1400px) {
  /* angled left side */
  .top-bar::before {
    content: "";
    position: absolute;
    left: -39px; /* adjust width of triangle */
    top: 0;
    width: 0;
    height: 0;
    border-top: 51px solid #fff;
    border-left: 39px solid transparent;
  }

  /* angled right side */
  .top-bar::after {
    content: "";
    position: absolute;
    right: -39px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 51px solid #fff;
    border-right: 40px solid transparent;
  }
}