@media only screen {
    body {
        background-image: url(img/bg.png);
        background-size: contain;
    }
    
    div.activities img {
        max-width: 256px;
    }

    ul#sentences {
        list-style: none;
        padding: 0;
        min-height: 100px;
        border: 1px dotted grey;
    }
    
    ul#sentences li {
        border: 1px dotted green;
        margin-bottom: 5px;
    }
    
    div.sentence {
        margin-top: 2px;
        margin-bottom: 10px;
        min-height: 20px;
        max-height: 50px;
        border: 1px dashed black;
    }
    
    div.sentence ul {
        list-style: none;
        padding: 0;
        min-height: 100px;
    }
    
    .activeDrop {
        background: yellow;
    }
    
    .selected {
        border: 2px dotted red !important;
    }
}

@media only screen and (max-height : 1000px) {
    
}

@media only screen and (max-height : 700px) {
    
}