.Gd {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.Gd-cell {
    float: left;
    }

.Gd-cell-b {     -webkit-transition: margin-right .3s ease, margin-left .3s ease;
-moz-transition: margin-right .3s ease, margin-left .3s ease;
-ms-transition: margin-right .3s ease, margin-left .3s ease;
-o-transition: margin-right .3s ease, margin-left .3s ease;
transition: margin-right .3s ease, margin-left .3s ease;
}

.Gd-cell-w {
    display: table;
    margin: 0 auto;
    width: 100%;
}

.Gd-sep {
    /*display: none;*/
    display: none;
    clear: both;
    width: 100%;
    -webkit-transition: height .3s ease;
-moz-transition: height .3s ease;
-ms-transition: height .3s ease;
-o-transition: height .3s ease;
transition: height .3s ease;
}


.oo .Gd {
    outline: 4px double blueviolet;
}
.oo .Gd-cell {
    outline: 1px dotted springgreen;
}
.oo .Gd-cell-b {
    outline: 1px dashed midnightblue;
}
.oo .Gd-cell-w {
    outline: 1px solid deepskyblue;
}