#background-colors {
    background-color: #353535;
}
.colors {
    display: table;
    width: 100%;
}
.color-row {
    display: table-row;
}
.color-col {
    display: inline-block;
    padding: 15px;
    width: 205px;
    margin: 20px 30px;
    /*outline: 1px solid #adadad;*/
    cursor: pointer;
}
.color-col:hover,
.color-col.selected {
    outline: 2px solid #b47e37;
}
.color-inner {
    height: 115px;
    border-radius: 20px;
    -webkit-box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.75);
    box-shadow: -2px 2px 6px 0px rgba(0,0,0,0.75);
}

@media(max-width: 900px) {
    .color-col {
        width: 150px;
    }
    .color-inner {
        height: 90px;
    }
}