.tile-group-square,
.tile-group-double,
.tile-group-double-vertical,
.tile-group,
.tile-square,
.tile-double,
.tile,
.tile-half,
.tile-quarter {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    padding: 15px;
}

.tile-group-square {
    width: 210px;
    height: 210px;
}

.tile-group-double {
    width: 210px;
    height: 210px;
}

.tile-group {
    width: 210px;
    height: 210px;
}

.tile-square {
    width: 200px;
    height: 200px;
    margin: 5px;
}

.tile-double {
    width: 200px;
    height: 200px;
    margin: 5px;
}

.tile-double-vertical {
    width: 200px;
    height: 200px;
    margin: 5px;
}

.tile {
    width: 200px;
    height: 200px;
    margin: 5px;
}

.tile-half {
    width: 200px;
    height: 95px;
    margin: 5px;
}

.tile-quarter {
    width: 95px;
    height: 95px;
    margin: 5px;
}

@media (min-width: 768px) {
    .tile-group-square {
        width: 540px;
        height: 540px;
    }
    .tile-group-double {
        width: 540px;
        height: 270px;
    }
    .tile-group-double-vertical {
        width: 270px;
        height: 540px;
    }
    .tile-group {
        width: 270px;
        height: 270px;
    }
    .tile-square {
        width: 520px;
        height: 520px;
        margin: 10px;
    }
    .tile-double {
        width: 520px;
        height: 250px;
        margin: 10px;
    }
    .tile {
        width: 250px;
        height: 250px;
        margin: 10px;
    }
    .tile-half {
        width: 250px;
        height: 115px;
        margin: 10px;
    }
    .tile-quarter {
        width: 115px;
        height: 115px;
        margin: 10px;
    }
}