*, *:before, *:after {
    padding: 0px;
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

.D000 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D000:before {content:""; display: block; padding-top: 100%;}

.D001 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D001:before {content:""; display: block; padding-top: 100%;}

.D002 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D002:before {content:""; display: block; padding-top: 100%;}

.D003 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D003:before {content:""; display: block; padding-top: 100%;}

.D004 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D004:before {content:""; display: block; padding-top: 100%;}

.D005 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D005:before {content:""; display: block; padding-top: 100%;}

.D006 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D006:before {content:""; display: block; padding-top: 100%;}

.D007 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D007:before {content:""; display: block; padding-top: 100%;}

.D008 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D008:before {content:""; display: block; padding-top: 100%;}

.D009 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D009:before {content:""; display: block; padding-top: 100%;}

.D010 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D010:before {content:""; display: block; padding-top: 100%;}

.D151 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D151:before {content:""; display: block; padding-top: 100%;}

.D152 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D152:before {content:""; display: block; padding-top: 100%;}

.D153 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D153:before {content:""; display: block; padding-top: 100%;}

.D154 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D154:before {content:""; display: block; padding-top: 100%;}

.D155 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D155:before {content:""; display: block; padding-top: 100%;}

.D156 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D156:before {content:""; display: block; padding-top: 100%;}

.D157 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D157:before {content:""; display: block; padding-top: 100%;}

.D158 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D158:before {content:""; display: block; padding-top: 100%;}

.D159 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D159:before {content:""; display: block; padding-top: 100%;}

.D160 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D160:before {content:""; display: block; padding-top: 100%;}

.D161 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D161:before {content:""; display: block; padding-top: 100%;}

.D162 {position: relative; width: 33.333333%; overflow: hidden; float: left; }
.D162:before {content:""; display: block; padding-top: 100%; }

.square-content {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    color: white;
    background: #888888;
    font-family: 'Ubuntu', sans-serif; 
    font-size: 20px;
}

.square-content div {
    display: table;
    width: 100%;
    height: 100%;
}
.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
    padding: 0em;
    overflow: hidden;
}