body{background:#e9f8ff;font-family: 'Open Sans', sans-serif;margin:0;padding:0}
.header{border-bottom:1px solid #bdc9cf;padding:15px 0;width:100%}
.header img{width:126px;}
.container{margin:0 auto;max-width:1000px}
.content{margin:80px 0 0 0}
.content h1{font-size:50px;font-weight:300;}
.per60{float:left;width:60%}
.content .per60 h1 span{display:block;font-size:20px;line-height:50px;}
.content .per60 a.but{background:#19934e;color:#fff;display:inline-block;font-size:16px;font-weight:400;padding:10px 30px;text-decoration:none;transition:all 1s}
.content .per60 a.but:hover{background:#2fa160;transition:all 1s}
.content .per60 p{font-size:14px;margin:10px 0 0 0}
.content .per60 p a{color:#3178b0;font-weight:600;text-decoration:none}
.content .per40{background:url(images/border-bg.png) no-repeat;background-size:1px 100%;float:left;padding:0 0 0 10%;width:30%;}
.content .per40 h2{color:#19934e;font-size:18px;font-weight:600;margin:0 0 20px 0;text-transform:uppercase;}
.content .per40 p{float:left;margin:0 0 10px;padding:10px;transition:all 1s}
.content .per40 p:hover{background:#fff;box-shadow:0 0 5px #ccc;transition:all 1s}
.content .per40 p span{display:block;font-size:12px;}
.content .per40 p a{color:#000;text-decoration:none}
@media screen and (max-width:760px) {
.header{text-align:center}
.content .per60{margin:0 0 0 3%;width:50%}
.content .per40{padding:0 0 0 5%}
}
@media screen and (max-width:560px) {
.content .per60{margin:0 0 30px 0;text-align:center;width:100%}
.content .per40{background:none;border-top:1px solid #ccc;padding:30px 2% 0;width:96%;}

}