home content dividers

home-content-dividers.css

/* remove sidebar borders on home*/
.home #left.widget-area,
.home #right.widget-area{
    border: none;
}
.home #left.widget-area:after,
.home #right.widget-area:before{
    border: none;
}
/* add #content borders on home */
.home #content {
    position: relative;
}
.home #content:before,
.home #content:after{
    content: '';
    position: absolute;
    height: 96%;
}
.home #content:before{
    border-left: 2px solid white;
    left: -20px;
    top: 2%;
}
.home #content:after{
    border-right: 2px solid white;
    right: -20px;
    bottom: 2%;
}
@media ( min-width: 1200px){
    .home #content:before{
        left: -30px;
    }
    .home #content:after{
        right: -30px;
    }
}
@media ( max-width: 767px ){
    .home #content:before,
    .home #content:after{
        border: none;
    }
}