@charset "UTF-8";
/* CSS Document */

 @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap');
		body{font-family: 'Source Sans Pro', sans-serif;}
		
		 P,h1,h2,h3, body{margin: 0px; padding: 0px;}
		.warrper{width:100%; max-width: 600px; margin: 0 auto; border-bottom: 10px #f47d52 solid; padding-bottom: 30px;}
		.header{width: 100%; float: left; background: url("../images/banner.jpg") no-repeat;     background-size: 600px; height: 445px;}
		.header h1 img{width:120px; float: right; margin:20px 30px;}
		.header h2{color: #fff;font-size: 38px;font-weight: 600;margin-top: 50px;margin-left: 50px;}
		.header p{    color: #fff;font-size: 18px;font-weight: 400;margin-left: 50px;margin-top: 20px;}
		.key-feature h3{width: 100%; float: left; text-align: center; font-weight: 600;color: #4c4c4d; margin: 0px 0 50px 0;    font-size: 20px;}
		.key-feature > div{float:left; width: 25%; text-align: center;}
		.key-feature > div > img{width: 60%;}
		.key-feature > div > p{font-weight: 400; font-size: 13px; color: #4c4c4d; text-align: center;}
		.key-feature > p{text-align: center;    float: left;width: 100%;}
		.key-feature > p > a{display: inline-block; color: #ffffff; background: #ef613d; border-radius: 30px; font-size: 14px;; font-weight: 600;     font-size: 18px;padding: 10px 30px;text-decoration: none;margin: 50px 0;}
		.merchant-logo > p{font-weight: 400; font-size: 12px; color: #4c4c4d; text-align: center; margin: 0px 0 15px;}
		.merchant-logo > a > img{width:80%; margin: 0 10%;}
		.line{width: 80%; float: left; border-bottom: dashed #ccc 1px; margin: 0 10% 15px;}



@media screen and (max-width: 480px){
	
	.warrper {padding-bottom: 60px;}
	.key-feature > div > img {width: 40%;}
	.header {background-size: 420px;height: 300px;}
	.header h2 {color: #fff;font-size: 26px;font-weight: 600;margin-top: 50px;margin-left: 27px;}
	.header p {color: #fff;font-size: 18px;font-weight: 400;margin-left: 30px;margin-top: 20px;}
	.key-feature h3 {margin: -15px 0 15px 0;font-size: 19px;}
    .key-feature > div {width: 50%;margin-bottom: 20px;}
	.key-feature > p > a {display: inline-block;color: #ffffff;background: #ef613d;border-radius: 0;font-size: 14px;font-weight: 600;font-size: 18px;
    padding: 15px 0px;text-decoration: none;margin: 0px 0;position: fixed;bottom: 0px;width: 100%;left: 0;}
	
}