.attachment-full-width {
  padding: 0;
  margin: 0;
  clear: both;
  background: $light-warm-grey;
  overflow: hidden;
  .govspeak {
    margin: 0;

    .attachment {
      padding: 0;
      margin: 1.5%;
      overflow: visible;
      a.thumbnail {
        img {
          float: left;
          width: 20%;
        }
      }

      .attachment-details {
        margin-left: 26%;
      }

      .download-button {
        top: 6px;
        right: 0px;
      }
    }
    .attachment-without-thumbnail {
      margin: 1.5%;
      clear: both;
      padding-top: $gutter-half;

      .attachment {
        margin: 0;
      }

      .supporting-documents-title {
        margin-left: 26%;
        @include core-14;
      }
    }
  }
  .summary {
    clear: both;
    margin: $gutter 0;
    p {
      @include core-19;
    }
  }
}

.attachment-full-width {
  padding: $gutter-half 0;
  margin: 0;
  clear: both;
  background: $light-warm-grey;
  overflow: hidden;
  .govspeak {
    margin: 0;

    .attachment {
      padding: 0;
      overflow: visible;
      a.thumbnail {
        img {
          float: left;
          width: 20%;
          padding-left: $gutter-half;
        }
      }

      .attachment-details {
        margin-left: 25%;
      }
      .download-button {
        top: 6px;
        right: $gutter-half;
      }
    }
    .attachment-without-thumbnail {
      clear: both;
      padding-top: $gutter-half;

      .attachment {
        margin: 0;
      }
      .supporting-documents-title {
        margin-left: 25%;
        @include core-14;
      }
    }
  }
  .summary {
    clear: both;
    margin: $gutter 0;
    p {
      @include core-19;
    }
  }
}

Make full width attachments line up to the column
Make full width attachments line up to the column

Full width attachment content needs to line up to the 25% column other
content lines up to.
