@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Raleway:400,300,500,600,700,800,900);

body{margin:0px 0px 0px 0p; padding:0px 0px 0px 0px; background:url(../images/bg-credit-card-newui-hails.jpg) repeat;}
.ecc-main-wrapper{width:100%;}
.ecc-header-main{ width:100%; background:#00b3d9; padding-top:25px; margin-top:5px; padding-bottom:25px; height:auto; text-align:center; font-size:36px; color:#FFF; font-family:'Raleway'; text-shadow:#333 1px 1px 1px;}
.box-evil-1{ width:950px; padding:10px; background:url(../images/transparent-bg-evil-credit-cards.png) repeat; border:#CCC solid thin; margin:10px auto;}
.numbering-text{font-family:'Raleway'; font-size:44px; color:#000; width:25px; padding:0px; font-weight:400; margin:0px 0px 0px 0px; float:left; border-bottom:3px #02b7eb solid; height:50px; border-radius:1px;}
.ecc-head-text{ float:left; font-family:'Raleway'; font-size:38px; color:#000; margin-top:10px; margin-left:10px;}
.banner-ecc{ margin:10px auto; width:920px;}
.text-wrapper-ecc{ width:950px; font-family:'Raleway'; font-size:16px; margin-top:15px;}

@media screen and (max-width:880px){
.ecc-main-wrapper{width:95%;}
.ecc-header-main{ width:100%; background:#00b3d9; padding-top:25px; padding-bottom:25px; height:auto; text-align:center; font-size:36px; color:#FFF; font-family:'Raleway'; text-shadow:#333 1px 1px 1px;}
.box-evil-1{ width:90%; padding:10px; background:url(../images/transparent-bg-evil-credit-cards.png) repeat; border:#CCC solid thin; margin:10px auto;}
.numbering-text{font-family:'Raleway'; font-size:44px; color:#000; width:25px; padding:0px; font-weight:400; margin:0px 0px 0px 0px; float:none; margin:auto; border-bottom:3px #02b7eb solid; height:50px; border-radius:1px;}
.ecc-head-text{ float:none; text-align:center; font-family:'Raleway'; font-size:38px; color:#000; margin-top:10px; margin-left:10px;}
.banner-ecc{ margin:10px auto; width:95%;}
.text-wrapper-ecc{ width:95%; font-family:'Raleway'; font-size:16px; margin-top:15px;}

}