/****************************************************
				RESPONSIVE 1024 <-> 1279
****************************************************/

@media only screen and (min-width: 1024px) and (max-width: 1279px) {


html { font-size: 15px; }


/*****/ }




/****************************************************
				RESPONSIVE 768 <-> 1023
****************************************************/

@media only screen and (min-width: 768px) and (max-width: 1023px) {


html { font-size: 14px; }

main { display: block; }

/*****/ }




/****************************************************
				RESPONSIVE -> 767
****************************************************/

@media only screen and (max-width: 767px) {


html { font-size: 12px; }

.grid { 
	display: block;
	margin: 0 auto;
}
.topmenu { text-align: center; }
.topmenu p, .topmenu ul { display: inline-block; }
.topmenu ul::before { content: ' | '; }

main { display: block; }


/*****/ }