#main>div.col.s12:nth-child(1) {
    background: url(../images/plantilla_head.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.draggable,
.droppable {
    border-radius: 5px;
}

.draggable {
    background-color: #9BCDB1;
    border: 1px dashed #008A87;
    text-align: center;
    padding: 10px;
    margin: 10px 0;
    color: #FFF;
    -webkit-box-shadow: 3px 3px 3px 1px rgba(153, 153, 153, 0.46);
    box-shadow: 3px 3px 3px 1px rgba(153, 153, 153, 0.46);
    cursor: move;
}

.droppable {
    padding: 20px;
    background-color: #646858;
    border: 1px solid #525B55;
    color: #DAEEBD;
    margin: 10px 0;
}

.droppable.correct {
    background-color: #8AD9CB;
}

#content th {
    text-align: center;
    background: #656859;
    color: #DFEDBE
}

@media(min-width:601px) and (max-width:992px) {
    #main>div.col.s12:nth-child(1) {
        background: url(../images/plantilla_head.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media(max-width:600px) {
    #main>div.col.s12:nth-child(1) {
        background: url(../images/plantilla_head.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}