@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@charset "UTF-8";
/* Banner SEction */
.banner {
    width:100%;
    padding-top:300px;
    background-image:url("../images/web_design_layout.jpg");
    background-position:center;
    background-size:cover;
    position:relative;
}
.banner_header {
    position:absolute;
    top:150px;
    right:5%;
}
.banner_header img {
    margin-right:-20px;
    height:140px;
}
/* Content Section */
.content .content_top, .content .content_bottom {
	display:flex;
}
.content .content_bottom {
    padding-bottom:6%;
}
.content .setup {
	font-family:Georgia;
	color:#777777;
	font-size:15px;
    line-height:25px;
	vertical-align:top;
	flex:3;
	background-color:#F2F2F2;
	overflow:hidden;
	padding:5% 7% 4% 10%;
}
.content .setup .header {
    color:#00C500;
    font-size:30px;
    line-height:30px;
    font-family:'Open Sans';
    text-transform:uppercase;
    text-align:left;
    padding-bottom:60px;
    position:relative;
    margin:0px;
}
.content .setup .header img, .content .monthly .header img {
    position:absolute;
    top:-10px;
    left:-70px;
}
.content .monthly {
	font-family:Georgia;
	color:#FFFFFF;
	font-size:15px;
    line-height:25px;
	flex:2;
	/* background-color:#00a7db; */
    background-color:#FF0090;
	vertical-align:top;
	padding:5% 7% 4% 10%;
}
.content .monthly .header {
    color:#FFFFFF;
    font-size:30px;
    line-height:30px;
    font-family:'Open Sans';
    text-transform:uppercase;
    text-align:left;
    padding-bottom:60px;
    position:relative;
    margin:0px;
}

.content .monthly .tagline2 {
	padding:0px 0px 30px 0px;
	font-size:20px;
}
.content .monthly ul, .content .setup ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.content .monthly ul li, .content .setup ul li  {
	padding:11px 0px 13px 55px;
	margin-bottom:10px;
}
.content .monthly ul li:last-child, .content .setup ul li:last-child  {
	margin-bottom:0px;
}
.content .setup ul ul {
	display:table-cell;
	padding:0px 5% 0px 0px;
}
.content .setup ul ul li {
	padding:0px 0px 15px 0px;
	margin-bottom:0px;
}
.content .setup ul ul li:last-child {
	padding-bottom:0px;
}
.content .setup ul ul li.heading {
	font-size:20px;
	color:#FF0090;
	padding-bottom:20px;
	min-height:0px;
}
.content .setup ul li.li1 {
	background-image:url(../images/li1.png);
	background-repeat: no-repeat;
	background-size:40px;
}
.content .setup ul li.li1 .need_website {
    width:50%;
}
.content .setup ul li.li1 .have_website {
    width:50%;
}
.content .setup ul li.li2 {
	background-image:url(../images/li2.png);
	background-repeat: no-repeat;
	background-size:40px;
}
.content .setup ul li.li3 {
	background-image:url(../images/li3.png);
	background-repeat: no-repeat;
	background-size:40px;
}
.content .monthly ul li.li4 {
	background-image:url(../images/li4.png);
	background-repeat: no-repeat;
	background-size:40px;
}
.content .monthly ul li.li5 {
	background-image:url(../images/li5.png);
	background-repeat: no-repeat;
	background-size:40px;
}
.content .services_info {
	font-family:Georgia;
	font-size:15px;
    color:#777777;
    line-height:25px;
	flex:5;
	vertical-align:top;
	padding:4% 7% 0 5%;
}
.content .services_info .tagline {
	font-size:50px;
    line-height:50px;
	color:#333333;
	letter-spacing:-1px;
	text-align:left;
	line-height:40px;
	padding-top:10px;
	-webkit-font-smoothing: antialiased;
	margin:0px;
	padding-bottom:7%;
}
.content .services_info .tagline .line2 {
	display:block;
	padding-left:10%;
}
.content .web_design_pricing {
	font-family:Georgia;
	color:#777777;
	font-size:15px;
    line-height:25px;
	flex:4;
	background-color:#FFFFFF;
	vertical-align:top;
	padding:4% 5% 0 10%;
}
.content .web_design_pricing .tagline {
	font-size:30px;
    line-height:60px;
	font-weight:bold;
	font-family:'Open Sans';
	font-weight:700;
	color:#FF0090;
	padding-bottom:20px;
	padding-left:55px;
	background-image:url(../images/li6.png);
	background-repeat:no-repeat;
	background-size:40px;	
	background-position:left 15px;
}
.content .web_design_pricing .line2 {
	margin-left:5%;
	font-size:45px;
	line-height:45px;
}
.content .web_design_pricing .larger {
	font-size:60px;
}
.content .web_design_pricing .cta {
	position:relative;
	top:20px;
	height:0px;
}
.content .web_design_pricing input.cta {
	font-family: 'Open Sans';
	color:#FFFFFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	font-weight:bold;
	font-size:20px;
	letter-spacing:-1px;
	width:220px;
	height:50px;
	background-color:#FF0090;
	border:none;
	cursor:pointer;
}
.content .web_design_pricing input.cta:hover {
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:-5px;
	width:230px;
	height:60px;
	background-color:#EEEEEE;
	color:#00a7db;
	font-size:22px;
	transition:all 0.2s ease-out;
}
.content .web_design_pricing .cta_img {
	text-align:right;
	margin-right:-100px;
	padding-top:30px;
}
.content .web_design_pricing .cta_img img {
	width:55%;
}


/* Small Desktops */
@media (min-width: 798px) and (max-width: 1165px) {
.content .content_top {
    display:block;
}
.content .content_bottom {
    padding-bottom:70px;
}
.content .setup {
    padding:70px 10% 60px 13%;
}
.content .monthly {
    padding:70px 10% 60px 13%;
}
.content .web_design_pricing {
    padding:60px 5% 0px 8%;
}
.content .web_design_pricing .tagline {
	font-size:20px;
    line-height:50px;
    margin-top:10px;
    background-position:left 7px;
}
.content .web_design_pricing .line2 {
	font-size:35px;
	line-height:35px;
}
.content .web_design_pricing .larger {
	font-size:50px;
}
.content .web_design_pricing .cta_img {
	padding-top:50px;
    margin-right:-100px;
}
.content .web_design_pricing .cta_img img {
	width:75%;
}
.content .services_info {
    padding:60px 5% 0px 3%;
}
.content .services_info .line1, .content .services_info .line2 {
    font-size:40px;
}
}

/* Tablets */
@media (min-width: 471px)and (max-width: 797px) {
.content .content_top {
    display:block;
}
.content .setup {
    padding:70px 10% 60px 22%;
}
.content .setup .header, .content .monthly .header {
    padding-bottom:40px;
}
.content .setup ul ul {
	display:block;
    padding:0px;
}
.content .setup ul ul:first-child li:last-child {
	padding-bottom:40px;
}
.content .setup ul li.li1 .need_website {
    width:100%;
}
.content .setup ul li.li1 .have_website {
    width:100%;
}
.content .monthly ul li, .content .setup ul li  {
	padding-left:0px;
}
.content .setup ul li.li1, .content .setup ul li.li2, .content .setup ul li.li3, .content .monthly ul li.li4, .content .monthly ul li.li5 {
    margin-left:-55px;
    padding-left:55px;
    background-position:0px 0px;
}
.content .monthly {
    padding:70px 10% 60px 22%;
}
.content .content_bottom {
    display:block;
    padding-bottom:0px;
}
.content .web_design_pricing {
    padding:60px 10% 8% 10%;
    overflow:hidden;
}
.content .web_design_pricing .cta_img {
	padding-top:50px;
    margin-right:-100px;
}
.content .web_design_pricing .cta_img img {
	width:60%;
}
.content .services_info {
    padding:0px 0px 70px 0px;
}
.content .services_info .tagline {
    padding:40px 0px;
    background-color:#FBFBFB;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    text-align:center;
    padding-left:5%;
    padding-right:5%;
}
.content .services_info .info {
    padding-top:50px;
    padding-left:10%;
    padding-right:10%;
}
.content .services_info .line1, .content .services_info .line2 {
    font-size:40px;
}
.content .services_info .line1 {
    position:relative;
    left:-50px;
}
}

/* Mobile */
@media (max-width: 470px) {
.banner_header {
    right:10%;
    top:150px;
}
.banner_header img {
    margin-right:-35px;
    height:140px;
}
.content .content_top {
    display:block;
}
.content .setup {
    padding:50px 5% 60px 25%;
}
.content .setup .header, .content .monthly .header {
    padding-bottom:40px;
}
.content .setup ul ul {
	display:block;
    padding:0px;
}
.content .setup ul ul:first-child li:last-child {
	padding-bottom:40px;
}
.content .setup ul li.li1 .need_website {
    width:100%;
}
.content .setup ul li.li1 .have_website {
    width:100%;
}
.content .monthly ul li, .content .setup ul li  {
	padding-left:0px;
}
.content .setup ul li.li1, .content .setup ul li.li2, .content .setup ul li.li3, .content .monthly ul li.li4, .content .monthly ul li.li5, .content .web_design_pricing {
    margin-left:-55px;
    padding-left:55px;
    background-position:0px 0px;
}
.content .monthly {
    padding:60px 5% 60px 25%;
}
.content .content_bottom {
    display:block;
    padding-bottom:0px;
}
.content .web_design_pricing {
    padding:50px 5% 35px 25%;
    overflow:hidden;
}
.content .web_design_pricing .tagline {
	font-size:20px;
    line-height:50px;
    margin-top:10px;
    background-position:left 7px;
}
.content .web_design_pricing .line2 {
	display:block;
    font-size:35px;
	line-height:35px;
}
.content .web_design_pricing .larger {
	font-size:50px;
}
.content .web_design_pricing .cta_img {
	padding-top:50px;
    margin-right:-100px;
}
.content .web_design_pricing .cta_img img {
	width:75%;
}
.content .services_info {
    padding:0px 0 60px 0;
}
.content .services_info .tagline {
    padding:30px 0px 40px;
    background-color:#FBFBFB;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
    text-align:center;
    padding-left:5%;
    padding-right:5%;
}
.content .services_info .info {
    padding-top:30px;
    padding-left:10%;
    padding-right:10%;
}
.content .services_info .line1, .content .services_info .line2 {
    font-size:35px;
    line-height:35px;
}
}