@charset "utf-8";
* {
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    padding: 0;
}

.container .panel-footer {
    margin-top: 20px;
    height: 3em;
}

#sortable {
    list-style-type: none;
    margin-left: auto;
    margin-right: auto;
}

#sortable li {
    float: left;
    width: 33%;
}

#sortable li img {
    vertical-align: bottom;
    width: 100%;
}

@media (orientation:landscape) {
    .cpuzzle {
        width: 100%;
    }

    .sortable {
        width: 100vh;
    }

}

@media (orientation:portrait) {
    .cpuzzle {
        width: 100%;
    }

    .sortable {
        width: 100%;
    }

}