@import url("common.css");

ul,li			{ list-style-type:none; margin:0; padding:0;}
img				{ display:block;}
.bannerWraper	{ background:url(../images/banner_bg.jpg) no-repeat 0px 0px #aeca42; padding:15px 0 40px 0; margin-top:1px }
.bannerWraper div	{ height:100%; overflow:hidden; }
.bannerWraper h1		{ font-size:5em; line-height:1.4em;color:#01468c}
.bannerWraper h6		{ font-family: 'Dancing Script', cursive; color:#ef4b2a; font-weight:bold; font-size:3.5em; margin-top:-20px;}
.bannerWraper h6 span	{ font-family: 'Roboto Condensed', sans-serif; font-style:italic;}
.bannerWraper ul		{ margin:10px 0 0 0}
.bannerWraper ul li		{ background:url(../images/blt-round.png) no-repeat 0px 0px; font-size:1.5em; padding:2px 0 5px 40px; font-weight:700; color:#262722; margin-bottom:2px;text-shadow: 1px 1px 2px #fafac6;}
.bannerWraper div div	{ float:left; width:55%;}
.bannerWraper div div p		{ margin:30px 0 0px;}
.bannerWraper div div p a,.bannerWraper div div p a + a:hover,.getstarted a		{ display:inline-block; background-color:#fc3176; color:#fff; padding:5px 40px 8px 40px; border:3px solid #fb6a9c; border-radius:5px; font-size:1.5em; text-decoration:none;}
.bannerWraper div div p a:hover,.bannerWraper div div p a + a	{ background-color:#014d9b; border-color:#79afe5;}
.bannerWraper div div p a + a,.bannerWraper div div p a + a:hover	{ margin-left:20px; }
.bannerWraper section	{ float:right; width:40%}
.bannerWraper section img	{ width:100%;}
.clients					{ margin-top:1px !important; margin-bottom:1px !important}
.webdesignPackage{ border-top: 4px solid #d8d6d6; padding:40px 0; height:100%; overflow:hidden;}
.webdesignPackage section	{ width:47%; float:left;}
.webdesignPackage section + section	{ float:right;}
.webdesignPackage p	{ font-size:1.3em; margin:20px 0; color:#2d303a }
.webdesignPackage article	{ clear:both;}
.webdesignPackage article p	{ margin:20px 10%; color:#2d303a}
.webdesignPackage h5	{ font-size:2em; text-align:center; margin-top:40px; border-bottom:1px dashed #333333; padding-bottom:10px;}
.webdesignPackage article ul	{ margin:10px 0 0 10%; float:left}
.webdesignPackage article ul + ul	{ float:right; margin-right:10%}
.webdesignPackage article ul li	{ font-size:1.6em; font-weight:700; margin:10px 0 15px 0; background:url(../images/package-blt.png) no-repeat 0px 50%; padding:0 0 0 40px}
.getstarted						{ display:block; clear:both; text-align:center; padding:30px 0 10px 0}
.getstarted	 a					{}




@media screen and (max-width: 1023px) {
.bannerWraper h1{font-size: 4em;}
.bannerWraper div div{width: 60%;}
.webdesignPackage article p{margin: 20px 5%;}
.webdesignPackage article ul{margin: 10px 0 0 5%;}
.webdesignPackage article ul + ul{margin-right: 5%; margin-left: 0;}
}

@media screen and (max-width: 979px) {
.bannerWraper h1{font-size: 3em;}
.webdesignPackage article p{margin: 20px 0;}
.webdesignPackage article ul{margin: 10px 0 0 0; width: 48%;}
.webdesignPackage article ul + ul{margin-right: 0;}
}

@media screen and (max-width: 799px) {
.bannerWraper{background-size: cover; background-position: 0 100%;}
.bannerWraper div div{width: 100%;}
.bannerWraper section{width: 100%;}
}

@media screen and (max-width: 570px) {
.webdesignPackage section{width: 100%;}
.webdesignPackage article ul{margin: 0; width: 100%;}
}

@media screen and (max-width: 450px) {
.bannerWraper h1{font-size: 2.8em;}
.bannerWraper h6{font-size: 2em; margin-top: 0;}
.webdesignPackage h2{font-size: 2.5em;}
.bannerWraper div div p{text-align: center;}
.bannerWraper div div p a{margin: 0 0 15px !important;}
}

@media screen and (max-width: 400px) {
.bannerWraper h1{font-size: 2em; line-height: 1.2;}
}