/* DESKTOP */

/* TABLET */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (max-width:590px), only screen and (device-width: 768px), (device-width: 800px) {
	/*---------- RESPONSIVE PAGE CONTROL ----------*/
    .openNav body { left: 0;
        -webkit-transform: translate3d(60%, 0, 0);
        -moz-transform: translate3d(60%, 0, 0);
        -ms-transform: translate3d(60%, 0, 0);
        -o-transform: translate3d(60%, 0, 0);
        transform: translate3d(60%, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
    }

    body {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
    }

}

/* PHONE */
@media only screen and (orientation: portrait) and (max-width:600px), only screen and (orientation:landscape) and (max-width:700px) {
	body { font-size:125%; }

	a.mobile-menu { display:block; top:16px; left:22px; }

}