@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}
#sortable {
    list-style-type: none;
}
#sortable li {
    float: left;
    width: 33.3%;
}
#sortable li img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}
@media (orientation:landscape) {
    .cpuzzle {
        width: 100%;
    }
    .sortable {
        width: 100vh;
    }
}
@media (orientation:portrait) {
    .cpuzzle {
        width: 100%;
    }
    .sortable {
        width: 100%;
    }
}

.cpuzzle {
    height: 55% !important;
    max-width: 55% !important;
}