@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@charset "UTF-8";
/* Hero Section */
.hero {
	background-image: url(../images/home_road.jpg);
	background-size:cover;
	background-position:center 0px;
	padding-top: 12%;
	padding-bottom: 14%;
}
.hero_header {
	text-align: right;
	margin-right: 10%;
}
.hero_header img {
	width:35%;
}
.hero_cta {
	text-align:right;
	margin-right:12%;
}
.hero_cta 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;
	margin-top:-10px;
    background-color:#ff0090;
    /* background-color:#FF8400; */
	border:none;
	cursor:pointer;
}
.hero_cta input.cta:hover {
	margin-top:-15px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:-5px;
	width:230px;
	height:60px;
	background-color:#FFFFFF;
	color:#00a7db;
	font-size:22px;
	transition:all 0.2s ease-out;
}
.hero .tagline {
	font-family: Georgia;
	-webkit-font-smoothing: antialiased;
	font-weight:normal;
	color:#333333;
	margin-left:7%;
}
.hero .tagline .word1 {
	font-size:28px;
	position:relative;
	top:-100px;
	left:150px;
}
.hero .tagline .word2 {
	font-size:35px;
	position:relative;
	top:-65px;
	left:-10px;
}
.hero .tagline .word3 {
	font-size:24px;
	position:relative;
	top:-60px;
	left:-220px;
}
.hero .tagline .word4 {
	font-size:32px;
	position:relative;
	top:-40px;
	left:-120px;
}
.hero .tagline .word5 {
	font-size:22px;
	position:relative;
	top:-35px;
	left:-380px;
}
.hero .tagline .word6 {
	font-size:27px;
	position:relative;
	top:-5px;
	left:-450px;
}
/* Details Section */
.details {
    width:100%;
	vertical-align:top;
}
.details .info {
	font-family:Georgia;
	font-size:15px;
    line-height:25px;
    color:#777777;
	padding:5% 18% 6% 20%;
    display:table;
}
.details .info .web_design {
    display:table-cell;
    width:68%;
    padding-right:18%;
}
.details .info .graphic_design {
    display:table-cell;
}
.details .info .header {
    color:#00C500;
    font-size:25px;
    line-height:25px;
    font-family:'Open Sans';
    text-transform:uppercase;
    text-align:left;
    padding-bottom:20px;
    position:relative;
}
.details .info .header a {
    text-decoration:none;
    color:#00C500;
}
.details .info .header img {
    position:absolute;
    top:-13px;
    left:-70px;
}
.down_arrow {
    font-size:40px;
    font-family:Arial;
    color:#CCCCCC;
    font-weight:normal;
    text-align:center;
    line-height:9px;
    padding-top:20px;
    padding-bottom:80px;
}
.details .tagline {
    font-family:Georgia;
    text-align:center;
	font-size:40px;
	color:#333333;
	letter-spacing:-1px;
	line-height:37px;
	padding-top:3%;
	-webkit-font-smoothing: antialiased;
	margin:0px;
    margin-left:-10%;
	padding-bottom:3%;
        background-color:#FBFBFB;
    border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
}
.details .tagline .line2 {
    font-family:Georgia;
    text-align:center;
	display:block;
	padding-left:20%;
}
.details .tagline .line3 {
    font-family:Georgia;
    text-align:center;
	display:block;
	padding-left:10%;
}
.details_cta {
	text-align:right;
}
.details_cta input.cta {
	font-family: 'Open Sans';
	font-weight:bold;
	font-size:17px;
	text-transform: uppercase;
	letter-spacing:3px;
	color:#393939;
	background-color:#FFFFFF;
	border:0px;
	border-bottom:1px solid #CCCCCC;
	height:60px;
	cursor:pointer;
}
.details_cta input.cta:hover {
	font-size:19px;
	color:#00a7db;
	transition:all 0.2s ease-out;
}
.details_cta input.cta:focus {
	outline:0px;
}
/* Services Section */
.summary {
	position:relative;
	left:15%;
	top:-150px;
	width:70%;
	height:190px;
	margin-bottom:-150px;
	background:#FFFFFF;
	border-radius:20px;
}
.summary ul {
	list-style: none;
	margin:0px;
	padding:0px;
	font-size:0px;
}
.summary ul li {
	text-align:center;
	vertical-align: top;
	display:inline-block;
	width: 18%;
	margin-left:6.66%;
	margin-top:30px;
	font-family:'Open Sans';
	font-size:20px;
	font-weight:700;
	text-transform: uppercase;
    color:#ff0090;
    /* color:#FF8400; */
}
.summary ul li:first-child {
	margin-left:4%;
}
.summary li .screen_size {
	padding-top:20px;
	padding-left:20px;
}
.summary .larger {
	font-size:50px;
}
.info_cta {
	text-align:center;
	padding-bottom:10px;
}
.info_cta input.cta {
	font-family: 'Open Sans';
	font-weight:bold;
	font-size:17px;
	text-transform: uppercase;
	letter-spacing:3px;
	color:#393939;
	background-color:#FFFFFF;
	border:0px;
	border-bottom:1px solid #CCCCCC;
	height:60px;
	cursor:pointer;
	position:relative;
	top:-50px;
	z-index: +1;
	margin-bottom:0px;
}
.info_cta input.cta:hover {
	font-size:19px;
	color:#00a7db;
	transition:all 0.2s ease-out;
}
.info_cta input.cta:focus {
	outline:0px;
}


/* Small Desktops */
@media ( min-width : 798px ) and (max-width : 1281px ){
.summary .screen_size {
	content:url("../images/comp_tab_ph_medium.png");
    width:80%;
}
.info_cta input.cta {
	top:-20px;
	margin-bottom:20px;
}
.hero {
	padding-top: 16%;
	padding-bottom: 18%;
}
.hero .tagline .word1 {
	font-size:24px;
	top:-120px;
	left:100px;
}
.hero .tagline .word2 {
	font-size:31px;
	top:-90px;
	left:-35px;
}
.hero .tagline .word3 {
	font-size:20px;
	top:-93px;
	left:-215px;
}
.hero .tagline .word4 {
	font-size:28px;
	top:-65px;
	left:-140px;
}
.hero .tagline .word5 {
	font-size:18px;
	top:-65px;
	left:-360px;
}
.hero .tagline .word6 {
	font-size:23px;
	top:-40px;
	left:-390px;
}
}

/* Tablets */
@media (min-width: 471px)and (max-width: 797px) {
.hero {
	padding-top:160px;
	padding-bottom:90px;
}
.hero_header {
	margin-right: 8%;
}
.hero_header img {
	width:75%;
}
.hero .tagline {
	display:none;
}
.summary {
	position:relative;
	left:0px;
	top:0px;
	width:100%;
	margin-bottom:0px;
	background:#FFFFFF;
	border-radius:0px;
}
.summary ul li {
	width: 21.25%;
	margin-left:3%;
    font-size:18px;
}
.summary ul li:first-child {
	margin-left:3%;
}
.summary .larger {
    font-size:40px;
}
.info_cta input.cta {
	top:-30px;
}
.down_arrow {
    margin-top:0px;
    padding-top:0px;
    padding-bottom:60px;
}
.summary .screen_size {
	content:url("../images/comp_tab_ph_medium.png");
    width:80%;
    max-width:103px;
}
.details .tagline {
	font-size:30px;
    line-height:28px;
    padding-top:40px;
    padding-bottom:40px;
}
.details .info {
    display:block;
    padding-bottom:80px;
}
.details .info .web_design {
    display:block;
    width:100%;
    padding-top:20px;
    padding-bottom:40px;
}
.details .info .graphic_design {
    display:block;
}
}

/* Mobile */
@media (max-width: 470px) {
.hero .tagline {
	display:none;
}	
.hero {
	background-color:#00a7db;
	background-image: url(../images/home_road_small.jpg);
	padding-top:170px;
	padding-bottom:90px;
}
.hero_header {
	width:100%;
	text-align:center;
}
.hero_header img {
	width:90%;
}
.hero_cta {
	text-align:center;
	width:100%;
}
.hero_cta 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:70%;
	height:50px;
	margin:0px;
	border:none;
	cursor:pointer;
}
.hero_cta input.cta:hover {
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:-5px;
	width:75%;
	height:60px;
	background-color:#FFFFFF;
	color:#00a7db;
	font-size:22px;
	transition:all 0.2s ease-out;
}
.summary {
	position:inherit;
	width:100%;
	text-align:center;
	height:auto;
	margin:0px;
	padding-top:1px;
	padding-bottom:40px;
	background:#F5F5F5;
	border-radius:0px;
}
.summary ul {
	margin-left:12.5%;
	width:75%;
}
.summary ul li {
	text-align:center;
	vertical-align: top;
	display:block;
	width: 100%;
	margin-left:0%;
	margin-top:50px;
}
.summary ul li:first-child {
	margin-left:0%;
}
.summary .larger {
	font-size:50px;
}
.info_cta input.cta {
	position:inherit;
	margin-top:30px;
	margin-bottom:30px;
}
.summary .larger {
    font-size:40px;
}
.details .info .header {
    font-size:20px;
    line-height:20px;
    text-align:left;
    padding-bottom:20px;
    position:relative;
    margin-left:70px;
}
.details .info .header a {
    text-decoration:none;
    color:#00C500;
}
.details .info .header img {
    position:absolute;
    top:-16px;
}
.details_cta {
	text-align:center;
}
.down_arrow {
    margin-top:0px;
    padding-top:0px;
    padding-bottom:60px;
}
.summary .screen_size {
	content:url("../images/comp_tab_ph_medium.png");
}
.details .tagline {
	font-size:24px;
    line-height:24px;
    padding-top:30px;
    padding-bottom:30px;
}
.details .info {
    display:block;
    padding:40px 10%;
    padding-bottom:80px;
}
.details .info .web_design {
    display:block;
    width:100%;
    padding:0px;
    padding-top:20px;
    padding-bottom:60px;
}
.details .info .graphic_design {
    display:block;
}
}