@media only screen and (device-width : 800px) and (orientation: portrait) {
    #device:after {
        content: "Nexus 7 - portrait - firefox";
    }
}
@media only screen and (width : 603px) and (orientation: portrait) {
    #page-header #primary-nav ul li a,
    #page-header #primary-nav ul li a:link {
        white-space: nowrap;
    }
    #page-content .siblings ul li a {
        white-space: pre-wrap;
    }
}
@media only screen and (device-width : 1280px) and (orientation: landscape) {
    #device:after {
        content: "Nexus 7 - landscape - firefox";
    }
}
@media only screen and (width : 966px) and (orientation: landscape) {
    #page-header #front-header {
        margin-top: 25%;
    }
}