.Section {
  position: relative;
  margin: 0;
  padding: 30px 0;
}

@media screen and (min-width: 601px) {

.Section {
    padding-top: 70px;
    padding-bottom: 70px;
}
  }

.Section {

  .Section-content {
    position: relative;
    z-index: 1;
  }

  .Section-content.u-contentWidth--full {
    padding: 72px 0 !important;
  }

  .Section-content.u-contentWidth--full {
    width: 100%;
    max-width: 100%;
  }

  .Section-content.u-contentWidth--small {
    max-width: 710px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (min-width: 769px) {

.Section {

  .Section-content.u-contentWidth--small {
      margin-right: 60px;
      margin-left: 60px;
  }
}
    }

@media screen and (min-width: 1026px) {

.Section {

  .Section-content.u-contentWidth--small {
      margin-right: auto;
      margin-left: auto;
  }
}
    }

@media screen and (max-width: 1024px) {

.Section {
    .Section-content.u-contentWidth--small {
      max-width: 100%;
    }
}
  }

@media screen and (min-width: 900px) {
  .showPatterns {
    position: relative;
  }

    .showPatterns::before,
    .showPatterns::after {
      content: '';
      position: absolute;
      display: block;
      background-repeat: no-repeat;
    }

    .showPatterns::before {
      top: 10px;
      left: 0;
      width: 200px;
      height: 150px;
      background-image: url('../Images/Pattern-green_left.svg');
      background-position: left;
    }

    .showPatterns::after {
      right: 0;
      bottom: 10px;
      width: 100px;
      height: 150px;
      background-image: url('../Images/Pattern-green_right.svg');
      background-position: right;
    }
}

.Theme--grayMedium::before, .Theme--grayDark::before, .Theme--green::before {
    background-image: url('../Images/Pattern-white_left.svg');
  }

.Theme--grayMedium::after, .Theme--grayDark::after, .Theme--green::after {
    background-image: url('../Images/Pattern-white_right.svg');
  }