/*==== PORTRAIT 0.8 ====*/
@media only screen and (aspect-ratio >= 7/10) and (aspect-ratio < 7/5) and (orientation: portrait) {
/* and (orientation:portrait)  */
	html {
		height: 100vh;
		overflow-y: hidden;
	}
	.main_page {
		--header_height   : 6rem;
		--footer_height   : 6rem;
		--karousel_height : 6rem;
	}
	.main_page header {
		color: green;
	}
	
	.main_page main {
		--main_gt_cols : 5rem auto;
		--main_gt_rows : 0 calc( 100vh - var( --header_height ) - var( --karousel_height ) - var( --footer_height ) ) var( --karousel_height ) var( --footer_height );
		--main_gt_areas : "filters filters" "appointments appointments" "items items" "info social";
	}

}