/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	#container #content .title {
		margin: 15px auto;
		max-width: 550px;
		padding: 16px;	
	}
	#container #content .title h2 span {
	
	}
	#container #content .hello p {
		font-size: 25px;
		text-align: justify;
	}
	#container #content .hello h3 {
		font-size: 25px;
		text-align: left;
	}
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {
	#container #content .title {
		margin: 15px auto;
		max-width: 400px;
		padding: 16px;
	}	
	#container #content .title h2 span {
		font-size: 55px;
	}
	#container #content .title h2 span {
		display: block;
	}
	#container #content .hello p {
		font-size: 18px;
		text-align: justify;
	}
	#container #content .hello h3 {
		font-size: 18px;
		text-align: left;
	}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	#header {
		min-width: 240px;
	}
	#container {
		min-width: 240px;
	}
	#container #content .title {
		margin: 15px auto;
		max-width: 300px;
		padding: 16px;
	}	
	
	#container #content .title h2 span {
		font-size: 40px;
	}
	#container #content .hello p {
		font-size: 12px;
		text-align: justify;
	}
	#container #content .hello h3 {
		font-size: 12px;
		text-align: left;
	}
}