@media only screen and (min-width: 0) {
  .component.side-by-side-boxes .interior,
  .component.side-by-side-boxes .full-width {
    padding: 0;
  }
  .component.side-by-side-boxes .full-width {
    max-width: 1550px;
  }
  .component.side-by-side-boxes div.container {
    height: 100%;
    position: relative;
  }
  .component.side-by-side-boxes .image-wrapper {
    background-size: contain;
    background-repeat: no-repeat;
  }
  .component.side-by-side-boxes .image-container img {
    position: relative;
    z-index: -1;
    height: 100%;
    width: 100%;
  }
  .component.side-by-side-boxes .full-width .text-container {
    padding: 50px 26px;
  }
  .component.side-by-side-boxes span.accent {
    margin: 24px 0;
  }
  .component.side-by-side-boxes a.button {
    margin-top: 16px;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 640px) {
  .component.side-by-side-boxes .full-width .text-container {
    padding: 50px 66px;
  }
}
@media only screen and (min-width: 1024px) {
  .component.side-by-side-boxes .full-width .text-container {
    padding: 64px 0 64px 64px;
  }
  .component.side-by-side-boxes .full-width .container .text-container {
    display: flex;
  }
  .component.side-by-side-boxes .full-width .container .text-container.large-order-1 {
    justify-content: flex-end;
  }
  .component.side-by-side-boxes .full-width .container .text-container.large-order-2 {
    justify-content: flex-start;
  }
  .component.side-by-side-boxes .text-wrapper {
    width: 600px;
    padding-left: 15px;
    padding-right: 64px;
  }
  .component.side-by-side-boxes .text-container.large-order-2 .text-wrapper {
    padding-right: 64px;
  }
  .component.side-by-side-boxes .image-container {
    padding-bottom: 0;
  }
  .component.side-by-side-boxes .image-wrapper {
    position: relative;
    top: 0;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: 100%;
  }
  .component.side-by-side-boxes .image-wrapper:before {
    content: '';
    display: block;
    position: relative;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    padding-bottom: 75%;
  }
  .component.side-by-side-boxes .image-container img {
    position: absolute;
  }
}

.component.side-by-side-boxes .container{
  padding:0;
}