/* 320  */
@media (min-width: 320px) {	
	.for-mobile { display: block; }
	.for-desktop { display: none; }
	
	h1 { font-size: 32px; line-height: 38px; margin-bottom: 20px; }
	h2 { font-size: 32px; line-height: 38px; margin-bottom: 20px; }
	h3 { font-size: 24px; line-height: 30px; margin-bottom: 10px; }
	h4 { font-size: 24px; line-height: 30px; margin-bottom: 10px; }
	h5 { font-size: 16px; line-height: 22px; }
	p  { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
	li { font-size: 14px; line-height: 20px; }
}

/* 480  */
@media (min-width: 480px) {
}

/* 560  */
@media (min-width: 560px) {
}

/* 768 */
@media (min-width: 768px) {	
	.for-mobile { display: none; }
	.for-desktop { display: block; }
	
	h1 { font-size: 66px; line-height: 80px; margin-bottom: 40px; }
	h2 { font-size: 48px; line-height: 56px; margin-bottom: 30px; }
	h3 { font-size: 32px; line-height: 40px; margin-bottom: 20px; }
	h4 { font-size: 24px; line-height: 32px; margin-bottom: 20px; }
	h5 { font-size: 20px; line-height: 32px; }
	p  { font-size: 16px; line-height: 24px; margin-bottom: 20px; }
	li { font-size: 16px; line-height: 24px; }
	li span.cat { font-size: 15px;}
}

/* 960 */
@media (min-width: 960px) {
}

/* 1024 */
@media (min-width: 1024px) {
}

/* 1160 */
@media (min-width: 1160px) {
}

/* 1440 */
@media (min-width: 1440px) {
}

/* Max: 768  */
@media (max-width: 768px) {		
}