.l-main {
    /*background: susy-svg-grid() no-repeat scroll;  */
    display: grid;
    grid-gap:30px;
    padding:0 30px;
    grid-template-columns: repeat(12, 1fr);
    width:100%;
    max-width:1200px;
    margin:0 auto;
    height:100%;
    height:480px;
  }

.l-content {

    order: 2;
    grid-column: 4 / 14;
    background-color: red;
    height: 300px;

}

.l-sidebar {
    order:1;
    grid-column: 1 / 4;
    height: 300px;
    background-color:green;
}