.en{
	font-size:13px;
}

@media screen and (min-width: 1200px) {

	#wrapper{
		position: absolute;
		top:50%;
		left:50%;
		margin-top:-296px;
		margin-left:-600px;
		width:1200px;
	}

	.wrapperHeight{
		height:593px;
	}

	#aboutLeft{
		position: relative;
		float: left;
		width: 252px;
	}

	#aboutSquare{
		position: absolute;
		top:0;
		left:0;
		width:211px;
	}
	 
	#aboutText{
		position: absolute;
		width:380px;
		top:105px;
		left:125px;
	}

	#aboutImg{
		position: absolute;
		width:284px;
		bottom:100px;
		right: 125px;
	}

	#aboutRight{
		position: relative;
		float: left;
		width:948px;
		background:#fff;
	}


	#aboutText .h4{
		height: 50px;
		font-size: 12pt;
		color: #727776;
	}

	#aboutText p{
		font-size: 8pt;
		line-height: 20px;
		color: #727776;
	}
}






@media screen and (max-width: 1200px) and (min-width: 900px) {

	#content{
		height:840px !important;
	}
	
	#wrapper{
		margin:0 auto;
		width:880px;
		height:825px;
	}


	#aboutLeft{
		position: relative;
		float: left;
		width: 880px;
		height:211px;
	}

	#aboutSquare{
		position: absolute;
		top:0;
		left:0;
		width:211px;
	}
	 
	#aboutText{
		position: absolute;
		width:380px;
		top:55px;
		left:45px;
	}

	#aboutImg{
		position: absolute;
		width:284px;
		bottom:50px;
		right:45px;
	}

	#aboutRight{
		position: relative;
		float: left;
		width: 880px;
		height:500px;
		margin:25px 0;
		background:#fff;
	}


	#aboutText .h4{
		height: 50px;
		font-size: 12pt;
		color: #727776;
	}

	#aboutText p{
		font-size: 8pt;
		line-height: 20px;
		color: #727776;
	}
}





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

	#content{
		height:1290px !important;
	}
	
	#wrapper{
		margin:0 auto;
		width:460px;
	}


	#aboutLeft{
		position: relative;
		float: left;
		width: 460px;
		height:211px;
	}

	#aboutSquare{
		position: absolute;
		top:0;
		left:0;
		width:211px;
	}
	 
	#aboutText{
		margin:25px;
	}

	#aboutImg{
		width:410px;
		margin:25px 0 25px 25px;
	}

	#aboutRight{
		position: relative;
		float: left;
		width: 460px;
		margin:25px 0;
		background:#fff;
	}


	#aboutText .h4{
		height: 50px;
		font-size: 12pt;
		color: #727776;
	}

	#aboutText p{
		font-size: 8pt;
		line-height: 20px;
		color: #727776;
	}
}



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

	#content{
		width:100%;
		height:1050px !important;
	}
	
	#wrapper{
		margin: 0 6%;
		width: 88%;
	}


	#aboutLeft{
		position: relative;
		float: left;
		width: 220px;
		height:211px;
		margin-top:15px;
	}

	#aboutSquare{
		position: absolute;
		top:0;
		left:0;
		width:211px;
	}
	 
	#aboutText{
		margin:25px;
	}

	#aboutImg{
		width: 88%;
		margin: 25px 0 25px 6%;
	}

	#aboutRight{
		position: relative;
		float: left;
		width: 100%;
		margin:25px 0;
		background:#fff;
	}


	#aboutText .h4{
		margin:10px 0px;
		font-size: 12pt;
		color: #727776;
		line-height: 25px;
	}

	#aboutText p{
		font-size: 8pt;
		line-height: 20px;
		color: #727776;
	}
}