/* Respective Size Define

1200px or more
992px - 1199px		Space 207px, iPad Horizontal View.
768px - 991px		Space 223px, iPad Vertical View.
600px - 767px		Space 167px, Mobile Horizontal View.
480px - 599px		Space 119px
320px - 479px		Space 159px, Mobile Vertical View.
319px or below

*/

.title { background: #f3f3f3 }
.title h1 { color: #005a65 }

.content { background: white; font-weight: 300; font-size: 16px; line-height: 1.5; color: #666 }
.content > div { padding: 40px 60px 60px 60px }
.content h4 { font-weight: 500; font-size: 14px; color: #333 }
.content p { font-size: 14px }
.content li { font-size: 14px; color: #666 }
.content ol { list-style: none }
.content ol li { font-style: italic }
.content a { color: #666 }
.content a:hover { color: #00b2ba }

@media (max-width: 479px) {
	.content { font-size: 14px }
	.content > div { padding: 30px 40px }
	.content h4 { font-size: 13px }
	.content p { font-size: 13px }
	.content ul, .content ol { padding-left: 20px }
	.content li { font-size: 13px }
}

@media (max-width: 319px) {
	.content { font-size: 12px }
	.content > div { padding: 25px 30px }
}