#content {
	width:100%;
	top:150px;
	left:0%;
	position:absolute;
}
#contentwidth {
	width:70%;
	left:15%;
	position:relative;
	margin-top:40px;
}
.teaitem {
	padding:60px 0px;
	overflow:hidden;
}
.teaitem:before{
	height:1px;
	width:100%;
	left:0%;
	background-color:#222;
	border:1px solid #f0f0f0;
	display:block;
	content:" ";
	position:relative;
	top:-60px;
}
#varatea {
	padding-top:0px;
}
#varatea:before {
	height:0px;
}
.varateaimg {
	height:auto;
	width:20%;
	float:left;
	margin:0px 20px 5px 0px;
	min-width:80px;
}
.varateaimg img {
	height:auto;
	width:100%;
}
.title, .title a {
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
	font-family:Tinos;
	text-decoration:none;
	color:#222 !important;
	letter-spacing:1px;
}
.description {
	font-size:20px;
	color:#222;
	text-align:justify;
	line-height:1.4;
}

#contenttree {
    width:90%;
    text-align:left;
    color:#555 !important;
    padding-left:5%;
}
#contenttree a {
    cursor:pointer;
    color:#555 !important;
    text-decoration:none;
}
@media screen and (max-width: 600px) {
    #content {
        top:90px;
    }
    #contentwidth {
        width:90%;
        left:5%;
    }
    }