body{
	font-family: Arial, sans-serif;
	margin: 0;
	background: #a3d0ef;
}
.wrapper {
	padding: 20px;
	margin: 0 auto;
	/*width: 94%;*/
	width: auto;
	height: 326px;
	/*max-width: 484px;*/
}	
.wrapper h2{font-size: 20px;}
.wrapper h3{
	background: transparent url(https://f057a20f961f56a72089-b74530d2d26278124f446233f95622ef.ssl.cf1.rackcdn.com/site/icons/rup5-32.png) no-repeat 0 0; 
	font-size: 14px;
	padding: 8px 35px;
}
.wrapper .features, .features-rtl{
	list-style-type: none;
	color: #000;
	font-size: 12px;
	position: relative;
}
.wrapper p{
	font-size: 12px;
	margin-top: 15px;
}
.features li:before{
	content: '\2713';
	left: 22px;
	position: absolute;
}
.features-rtl li:after{
	content: '\2713';
	right: 22px;
	position: absolute;
}

@media screen and (min-device-width : 3840px)
{
	.wrapper h3,
	.wrapper .features,
	.features-rtl,
	.wrapper p
  {
    font-size: 100%;
  }
}