body { background-color: #f3f3f1;}

.row hr{
	height:1px;
	border-top:1px solid #e7e7e7;
}
.head-row {
	position: relative;
	text-align: center;
	padding:60px;
}
	.head-row h5{
		font-size: 26px;
		font-weight: 400;
		margin-bottom: -9px;
		color:#FFF;
	}
	.head-row h2{
		font-size: 38px;
		margin-bottom: 8px;
		color:#FFF;
	}
	.hero-row .hero-main{
		display: inline-block;
		width:500px;
		margin-top: 67px;
		margin-left: 25px;
		text-align: center;
	}
		.hero-row h1{
			font-size: 40px;
			line-height: 115%;
			text-shadow: 2px 3px 0px #258299;
		}
		.hero-row p {
			max-width: 412px;
			font-size: 17px;
			margin: 0 auto;
			margin-bottom: 30px;
		}
		.hero-main form{
			width:190px;
			margin:0 auto;
		}
		.email-input, .password-input{
			border:2px solid #279EB7;
		}
		.email-input, .password-input, .register-btn{
			width:100%;
		}
		.register-btn{
			margin-top: 5px;
		}
.testimonial-row {
	position: relative;
	background-color: #258299;
	color:#FFF;
	z-index: 2;
}
	.testimonial-row .row-inner{
		position: relative;
		max-width:650px;
		margin:0 auto;
		padding:60px 0px 80px 0px;
	}
		.testimonial-quote{
			position: relative;
			font-size: 24px;
		}
		.testimonial-quote:before{
			content: "";
			position: absolute;
			left: -51px;
			top: -21px;
			width: 43px;
			height: 51px;
			background: url('/assets/images/quote.svg') no-repeat;
		}
		.no-svg .testimonial-quote:before{
			background: url('/assets/images/quote.png') no-repeat;	
			background-size: cover;
		}
		.testimonial-author{
			position: absolute;
			right:0px;
			margin-top: 17px;
			font-size: 19px;
			vertical-align: top;
		}
			.testimonial-author img{
				vertical-align: top;
				margin-right: 5px;
			}
.products-row {
	position: relative;
	padding: 60px 0;
	background-color: #F3F3F1;
	z-index: 2;
}
	.products-row .row-inner{
		max-width: 100%;
		text-align:center;
	}
		.products-row .product-wrapper{
			display: inline-block;
			vertical-align: top;
			padding:0 5px;
			width:280px;
		}
			.products-row .product{
				padding:20px 10px;
				text-align: center;
				background-color: #DFDFDB;
			}
				.product a:hover{
					text-decoration: none;
				}
				.product img{
					width:125px;
					margin-bottom: 10px;
				}
				.product .product-title{
					font-size: 20px;
					font-weight: bold;
					color:#3d3d3d;
				}
				.product hr{
					margin:5px 0px;
					border-color:#3d3d3d;
				}
				.product p{
					font-size: 15px;
					min-height: 70px;
					color:#3d3d3d;
				}
.products-row-top {
	padding-bottom:0px !important;
}
.products-row-bottom {
	padding:0 0 60px;
}

.service-head-row {
	background-color: #292A28;
}
.service-head-row.head-row::before{
	opacity:0.3;
}
	.service-head-row h5{
		color:#E1E1DC;
	}
	.service-head-row .row-inner {
		width:900px;
	}
.service-row .row-inner{
	padding-bottom: 20px;
	width:900px;
}
.service-feature {
	background:url(/assets/images/apples_bg.svg) no-repeat;
	background-size:100% auto;
	background-position:center bottom;
	border-bottom:1px solid #333;
	margin:40px 0 60px;
	padding-bottom:30px;
}
.service-feature-computers{
	margin-top: 20px;
}
	.service-feature-background{
		position: absolute;
		bottom:0px;
		height: 100%;
	}
		.service-feature-image{
			display: inline-block;
			width: 35%;
		}
		.service-feature-body{
			display: inline-block;
			width:65%;
			max-width: 500px;
			position: absolute;
			right:0px;
			padding-left: 20px;
			vertical-align: top;
			text-align: center;
		}
			.service-feature h4{
				font-size: 24px;
				margin-bottom: 7px;
				color:#258299;
			}
			.service-feature p{
				font-size: 18px;
				color:#000;
			}
			.service-feature a{
				display: block;
				margin-top: 15px;
				font-size: 18px;
				color:#000;
			}
			.service-feature-computers .service-feature-image{
				width:45%;
			}
		.service-feature-computers .service-feature-content{
			padding-top: 113px;
		}
		.service-feature-computers .service-feature-body{
			margin-top: 20px;
		}
	.service-feature-computers .service-feature-background{
		left:-70px;
	}
	.service-row hr{
		position: relative;
		border-color:#868682;
		z-index: 2;
	}
	.service-wrapper{
		position: relative;
		display: inline-block;
		width:33.3%;
		padding:15px 20px;
	}
	.service-wrapper:nth-of-type(1),
	.service-wrapper:nth-of-type(4),
	.service-wrapper:nth-of-type(7){
		padding-left: 0px;
		padding-right: 40px;
	}
	.service-wrapper:nth-of-type(3),
	.service-wrapper:nth-of-type(6),
	.service-wrapper:nth-of-type(9){
		padding-left: 40px;
		padding-right: 0px;
	}
		.service-wrapper .service{
			width:100%;
			padding:8px;
			font-size: 18px;
			text-align: center;
			font-weight: bold;
			color:#FFF;
			text-shadow: 1px 1px 0px rgba(0,0,0, 0.2);
		}
		@media(max-width:1199px) {
			.service-wrapper .service{
				font-size:0.95em !important;
			}
		}
		@media(max-width:900px) {
			.service-wrapper .service{
				font-size:0.75em !important;
			}
		}

		.signup-btn{
			width: 188px;
		}
@media(max-width:900px){
	.hero-main h1{
		font-size: 36px;
	}
	.hero-row-img{
		width:275px;
	}
	.testimonial-quote{
		font-size: 24px;
	}
	.testimonial-author{
		font-size: 18px;
	}
	.head-row{
		padding:50px;
	}
		.head-row h5{
			font-size: 25px;
		}
		.head-row h2{
			font-size: 36px;
		}
	.service-feature-content{
		position: relative;
		padding-top: 150px;
  	}
  	.service-feature-body{
  		right:15px;
  	}
	.service-feature-computers .service-feature-image{
		margin-left: 25px;
		width:40%;
	}
	.service-feature-services{
		padding:0px 30px;
	}
	.service-wrapper:nth-of-type(1),
	.service-wrapper:nth-of-type(4),
	.service-wrapper:nth-of-type(7){
		padding-right: 15px;
	}
	.service-wrapper:nth-of-type(3),
	.service-wrapper:nth-of-type(6){
		padding-left: 15px;
	}
		.service-wrapper .service{
			font-size: 17px;
		}
}
@media(max-width: 750px){
	.hero-main h1{
		font-size: 34px;
	}
	.hero-banner-main{
		margin-top: 30px;
		margin-left: 63px;
	}
	.hero-row-img{
		width:220px;
	}
	.testimonial-row .row-inner{
		max-width: 100%;
		padding: 60px 60px 70px 80px;
	}
		.testimonial-quote{
			font-size: 20px;
		}
		.testimonial-quote::before{
			left:-45px;
			width:35px;
			height:42px;
			background-size: cover;
		}
		.testimonial-author{
			right:80px;
		}
	.head-row{
		padding:40px;
	}
		.head-row h5{
			font-size: 22px;
		}
		.head-row h2{
			font-size: 32px;
		}
		.product img{
			width:100px;
			margin-bottom: 10px;
		}
		.product .product-title{
			font-size: 16px;
		}
		.product p{
			font-size: 14px;
		}
	.service-feature-computers .service-feature-image{
		margin-left: 25px;
		width:250px;
	}
	.service-feature-content .service-feature-body{
		margin-top: -20px;
	}
	.service-feature-computers .service-feature-body{
		margin-top: -50px;
	}
	.service-feature{
		margin-bottom: 40px;
	}
	.service-feature:last-of-type{
		margin-bottom: 90px;
	}
		.service-feature-body{
			max-width: 400px;
		}
			.service-feature h4{
				font-size: 20px;
			}
			.service-feature p{
				font-size: 16px;
			}
	.service-wrapper{
		width:50%;
		padding:15px 20px;
	}
	.service-wrapper:nth-of-type(odd){
		padding-left: 0px;
		padding-right: 15px;
	}
	.service-wrapper:nth-of-type(even){
		padding-left: 15px;
		padding-right: 0px;
	}
}
@media(max-width: 600px){
	.hero-row .row-inner{
		min-height: 290px;
	}
		.hero-row .hero-main{
			display: block;
			margin: 0 auto;
			padding-top: 40px;
			max-width: 100%;r
		}
	.hero-row-img{
		display: none;
	}
	.testimonial-row .row-inner{
		padding: 45px 50px 70px 75px;
	}
		.testimonial-quote{
			font-size: 18px;
		}
		.testimonial-quote::before{
			left:-36px;
			top:-16px;
			width:29px;
			height:35px;
		}
		.testimonial-author{
			font-size: 17px;
			margin-top: 20px;
		}
			.testimonial-author img{
				height:50px;
				margin-top: 3px;
			}
			.testimonial-author-name, .testimonial-author-handle {
				padding-left: 52px;
			}
	.head-row{
		padding:40px;
	}
		.head-row h5{
			font-size: 22px;
		}
		.head-row h2{
			font-size: 28px;
		}
	.products-row{
		padding:30px;
		text-align: center;
	}
		.products-row .product-wrapper{
			width:50%;
			margin-bottom: 20px;
		}
	.service-feature .service-feature-content{
		padding-top: 20px;
		padding-bottom: 40px;
	}
		.service-feature-content .service-feature-image,
		.service-feature-content .service-feature-body{
			display: block;
			margin:0 auto;
			position: relative;
			top:auto; bottom:auto; right:auto; left:auto;
		}
		.service-feature-content .service-feature-image{
			margin-bottom: 10px;
		}
		.service-feature-content .service-feature-body{
			width:500px;
			max-width: 100%;
		}
	.service-feature-computers .service-feature-image{
		width:200px;
	}
}
@media(max-width: 500px){
	.hero-main h1{
		font-size: 28px;
	}
	.testimonial-quote::before{
		left: -28px;
		top: -11px;
		width: 23px;
		height: 28px;
	}
		.testimonial-quote{
			font-size: 16px;
		}
		.testimonial-author{
			right:50px;
			margin-top:20px;
			font-size: 15px;
		}
			.testimonial-author img{
				height:40px;
			}

	.head-row{
		padding:35px 20px;
	}
		.head-row h5{
			font-size: 20px;
		}
		.head-row h2{
			font-size: 26px;
		}
	.service-feature{
		margin-bottom: 20px;
	}
	.service-feature:last-of-type{
		margin-bottom: 50px;
	}
	.service-wrapper{
		width:50%;
		padding:10px 15px;
	}
	.service-wrapper:nth-of-type(odd){
		padding-right: 10px;
	}
	.service-wrapper:nth-of-type(even){
		padding-left: 10px;
	}
		.service-wrapper .service{
			font-size: 16px;
		}
	.product p{
		font-size: 16px;
	}
}
@media(max-width: 400px){
	.hero-row .hero-main{
		padding-top: 70px;
	}
		.hero-row .row-inner{
			min-height: 350px;
		}
			.hero-main h1{
				font-size: 24px;
			}
	.testimonial-row .row-inner{
		padding:38px 20px 59px 47px;
	}
	.head-row{
		padding:26px 20px;
	}
		.head-row h5{
			font-size: 18px;
			margin-bottom: -3px;
		}
		.head-row h2{
			font-size: 20px;
		}
	.products-row .product-wrapper{
		max-width:100%;
		width:255px;
	}
		.product img{
			width:90px;
		}
		.product .product-title{
			font-size: 18px;
		}
		.product hr{
			margin:8px 0px;
		}
		.product p{
			min-height: initial;
			padding-bottom: 15px;
		}
	.services-feature-content .service-feature-body{
		padding:0px 10px;
	}
		.service-feature h4{
			font-size: 18px;
		}
		.service-feature p{
			font-size: 15px;
		}
		.service-feature a{
			font-size: 17px;
		}
	.service-wrapper{
		width:100%;
		padding:10px 15px !important;
	}
}