.container {
    margin: 5px 5px 5px 5px;
}
.cube {
    width: 35px;
    height: 35px;
    background: #403a39;
    margin: 1px 1px 1px 1px;
}
.white {
    width: 35px;
    height: 35px;
    background: #FFFFFF;
    margin: 1px 1px 1px 1px;
}
.black {
    width: 35px;
    height: 35px;
    background: #000000;
    margin: 1px 1px 1px 1px;
}
.orange {
    width: 35px;
    height: 35px;
    background: #e2732a;
    margin: 1px 1px 1px 1px;
}
.yellow {
    width: 35px;
    height: 35px;
    background: #e2c62a;
    margin: 1px 1px 1px 1px;
}
@media (min-width: 768px) {
    .container {
        margin: 5px 5px 5px 5px;
    }
    .cube {
        width: 60px;
        height: 60px;
        background: #403a39;
        margin: 1px 1px 1px 1px;
    }
    .white {
        width: 60px;
        height: 60px;
        background: #FFFFFF;
        margin: 1px 1px 1px 1px;
    }
    .black {
        width: 60px;
        height: 60px;
        background: #000000;
        margin: 1px 1px 1px 1px;
    }
    .orange {
        width: 60px;
        height: 60px;
        background: #e2732a;
        margin: 1px 1px 1px 1px;
    }
    .yellow {
        width: 60px;
        height: 60px;
        background: #e2c62a;
        margin: 1px 1px 1px 1px;
    }
}
@media (min-width: 992px) {
    .container {
        margin: 5px 5px 5px 5px;
    }
    .cube {
        width: 80px;
        height: 80px;
        background: #403a39;
        margin: 1px 1px 1px 1px;
    }
    .white {
        width: 80px;
        height: 80px;
        background: #FFFFFF;
        margin: 1px 1px 1px 1px;
    }
    .black {
        width: 80px;
        height: 80px;
        background: #000000;
        margin: 1px 1px 1px 1px;
    }
    .orange {
        width: 80px;
        height: 80px;
        background: #e2732a;
        margin: 1px 1px 1px 1px;
    }
    .yellow {
        width: 80px;
        height: 80px;
        background: #e2c62a;
        margin: 1px 1px 1px 1px;
    }
}