Media Query for Height (simple)

<!DOCTYPE html>
<html>
<head>
<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}

.divMedia{ /* default color if greater than 480px*/
    background-color:#ff0000;
    height:96vh;
    width: 100%;
    color: #ffffff;
}

@media (max-height: 480px) {
    .divMedia{ /* new color if less than 480px*/
        background-color:#009900;
    }
}

</style>
</head>
<body>

<div class="divMedia">Div class .divMedia</div>

</body>
</html>