/*
 * @file
 * Provides the layout styles for one column greyswirl layout section.
 */

.layout--onecol-greyswirl {
  background-color: #f8f8f8;
  background-image: url('/themes/custom/ita/images/svg/inverse-wave.svg');
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 84px 16px 0;
}

@media screen and (min-width: 1024px) {
  .layout--onecol-greyswirl {
    padding-left: 24px;
    padding-right: 24px;
  }
}