#rect {
    width:160px;
    height:160px;
    border:solid silver 1px;
    margin:auto;
    text-align:center;
    }



@media all and (min-height: 400px) {
    #rect {
            background:red;
        }
}




@media all and (max-height: 200px) {
    #rect {
            background:lime;
        }
}