@charset "utf-8";

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

	.head2 {
		max-width:100%; 
		margin:0px auto; 
		max-height:440px; 
		width:1600px;
		margin-top:170px;;
		
		}
#aboutttea {
	width: 1000px;
	height: 1827px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
#aboutttea h3 {
	font: bold 28px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-align:center;
	margin-top:30px;
	position:relative;
}


#aboutttea h2 {
	font: bold 23px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-align:right;
	margin-right:60px;
	position:relative;
}

#aboutttea p {
	font: bold 18px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #000;
	margin-left: 60px;
	margin-right: 60px;
	text-align: justify;
	line-height: 30px;
	float: right;
	overflow: visible;
	margin-top: 5px;
	position:relative;

}
#aboutttea .aboutttea {
	margin-left: 25px;
	margin-right:auto;
	margin-top:10px;
	width:950px;
	hight:950px;
	position:relative;
}

}

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

	.head2 {
		width:100%; 
		margin:0px auto; 
		max-height:440px;
		max-width:768px;
		margin-top:170px;
		
		}
		
	#aboutttea {
	width: 700px;
	height: 1827px;
	margin-left: auto;
	margin-right: auto;
}
#aboutttea h3 {
	font: bold 24px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-align:center;
	margin-top:30px;
}


#aboutttea h2 {
	font: bold 20px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-align:right;
	margin-right:60px;
}

#aboutttea p {
	font: bold 15px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #000;
	margin-left: 60px;
	margin-right: 60px;
	text-align: justify;
	line-height: 30px;
	float: right;
	overflow: visible;
	margin-top: 5px;

}
#aboutttea .aboutttea {
	margin-left: 25px;
	margin-right:auto;
	margin-top:10px;
	width:650px;
	hight:650px;
}

}

@media only screen and (min-width: 0px) and (max-width: 479px)
 {

	.head2 {
		width:100%; 
		margin:0px auto; 
		max-height:440px; 
		max-width:479px;
		margin-top:170px;
		
		}
		
#aboutttea {
	width: 380px;
	height: 1827px;
	margin-left: auto;
	margin-right: auto;
}
#aboutttea h3 {
	font: bold 15px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-align:center;
	margin-top:30px;
}


#aboutttea h2 {
	font: bold 13px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	text-align:right;
	margin-right:60px;
}

#aboutttea p {
	font: bold 10px Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	color: #000;
	margin-left: 60px;
	margin-right: 60px;
	text-align: justify;
	line-height: 30px;
	float: right;
	overflow: visible;
	margin-top: 5px;

}
#aboutttea .aboutttea {
	margin-left: 20px;
	margin-right:auto;
	margin-top:20px;
	width:340px;
	hight:340px;
}

}