/* WRAPPER1 - 50-50 split blocks */
@media all and (min-width: 801px) {
  .sidebar-width > .width-limiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sidebar-width > .width-limiter > div:first-of-type {
    width: calc(100% - 350px);
  }
  .sidebar-width > .width-limiter > div:last-of-type {
    width: 350px;
  }  
}
@media all and (min-width: 1025px) {
  .sidebar-width > .width-limiter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sidebar-width > .width-limiter > div:first-of-type {
    width: calc(100% - 510px);
  }
  .sidebar-width > .width-limiter > div:last-of-type {
    width: 510px;
  }  
}


/* Add full background to left */
.sidebar-width {
  position: relative;
}
.sidebar-width .width-limiter > div:first-of-type {
  background: #bbb;
}

@media all and (min-width: 801px) {
  .sidebar-width .width-limiter > div:first-of-type {
    position: relative;
    z-index: 2;
    background-image: none;
    background-color: transparent;
  }
  .sidebar-width:before {
    content: '';
    width: calc(100% - 370px);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #bbb;
  }
}
@media all and (min-width: 1025px) {
  .sidebar-width:before {
    width: calc(100% - 530px);
  }
}
@media all and (min-width: 1271px) {
  .sidebar-width:before {
    width: calc(((100% - 1250px)/ 2) + 740px);
  }
}

/* Add full background to right */
.sidebar-width {
  position: relative;
}
.sidebar-width .width-limiter > div:last-of-type {
  background: #888;
}

@media all and (min-width: 801px) {
  .sidebar-width .width-limiter > div:last-of-type {
    position: relative;
    z-index: 2;
    background-image: none;
    background-color: transparent;
  }
  .sidebar-width:after {
    content: '';
    width: 370px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #888;
  }
}
@media all and (min-width: 1025px) {
  .sidebar-width:after {
    width: 530px;
  }
}
@media all and (min-width: 1271px) {
  .sidebar-width:after {
    width: calc(((100% - 1250px)/ 2) + 510px);
  }
}