.contentWithBg{
    background-color:#bbbbbd;
    border-radius:20px;
    color:white;
    margin-bottom:50px;
    padding:30px 20px;
}

.contentWithBg .contenttable{
    width: 100%;
}
.contentWithBg hr{
    margin: 0;
}

.background-gridelement{

    padding:100px 20px;
    color:white;
    position: relative;
    overflow: hidden;

}
.background-gridelement a,.background-gridelement a:hover{
    color:white;
}
.background-gridelement:before{
    content:"&";
    color: #c1c1c3;
    font-size: 2000px;
    line-height: 0.393em;
    position: absolute;
    left:-20%;
    top:0;
    display:block; 
    z-index: -1;
    /*I know this is weird. But if you use a positive z-index and put the background on the main element it will fuck up z-indexes on nested elements*/
    padding-bottom: 10000px;
    padding-right:  10000px;
    background-color:#bbbbbd;


}