/** 
 * RESPONSIVE SPECIFIC STYLES
 */

/** TABLET UP TO 1024PX WIDE*/
@media all and (max-width:1024px) {

	/** APP HEADER */
	#app-header {
		height: 50px;
	}
		#app-header img {
			max-width: 150px;
			margin-left: 10px;
		}

	/** APP NAVIGATION */
	#app-nav {
		height: calc(100vh - 50px);
	}
	#app-nav,
	#account-nav {
		width: 70px;
	}

		#app-nav img {
			max-width: 40px;
		}

		#account-nav img {
			max-width: 20px;
		}

	/** APP WINDOW */
	#app-window {
		height: calc(100vh - 50px);
		width: calc(100vw - 70px);
	}

}

/** PRO TABLET & DESKTOP */
@media all and (min-width:1025px) {

	/** APP HEADER */
	#app-header {
		height: 65px;
	}
		#app-header img {
			max-width: 200px;
			margin-left: 8px;
		}

	/** APP NAVIGATION */
	#app-nav {
		height: calc(100vh - 85px);
	}
	#app-nav,
	#account-nav {
		width: 80px;
	}

		#app-nav img {
			max-width: 50px;
		}

		#account-nav img {
			max-width: 25px;
		}

	/** APP WINDOW */
	#app-window {
		height: calc(100vh - 65px);
		width: calc(100vw - 80px);
	}

}