.row-main {
	flex-direction: column;
}

@media (min-width: 768px) {

/*	section.main {
	  font-size: 20px;
	}
*/
	.region-header {
		height: 80px;
	}


	h1.page-title {
		font-size: 320%;
	}

	.row-main {
		flex-direction: row;
	}



}


/* Medium screen devices (768px and above) */
@media only screen and (min-width: 768px) {

	.places-view {
		grid-template-areas:  "header header map"
    		"content content map";
	}

}

/* Big screen devices (889px and above) */
@media only screen and (min-width: 889px) {

html {
	font-size: 18px;
}

}