/* Eesponsive updates
   ========================================================================== */
/**
 * Add responsive code for the app here.
 * Definitions for tablet and mobile screens.
 */

 /*
 * General elements, states, hovers, buttons, layout...
 */

/* Small only */
@media screen and (max-width: 40em) {
	.hide-for-small, #my-info {
		display: block;
	}	
	.app_header {
		height: 120px;
	}
}

/* Medium and up */
@media screen and (min-width: 40.063em) {
	.hide-for-small, #my-info {
		display: block;
	}	
	.app_header {
		height: 90px;
	}
 	.mobile-leftmenu {
		display: none;
	}	
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
	.app_header {
		height: 90px;
	}	
	.mobile-leftmenu {
		display: none;
	} 
	
}