/*
-------------------------------
Medium Screens  1024px to 601px
-------------------------------
*/

@media only screen and (max-width: 1024px) {

	/* General */

	.page h2 {
	    font-size: 60px;
	    line-height: 60px;
	}

	h2.h2-small {
	    font-size: 42px;
	    line-height: 42px;
	}


	/* Header */

	header,
	header.sticky {
		position: relative;
		height: 83px;
		transition: none;
	}

		header .navigation,
		header.sticky .navigation {
			width: 92%;
			padding: 15px 0;
			background: none;
			transition: none;
		}

		header .navigation img.header-logo,
		header.sticky .navigation img.header-logo {
			width: 20%;
			transition: none;
			transform: none;
		}

		header .navigation nav:nth-of-type(1),
		header .navigation nav:nth-of-type(2),
		header.sticky .navigation nav:nth-of-type(1),
		header.sticky .navigation nav:nth-of-type(2) {
			width: 36%;
			left: 0;
			right: 0;
			font-size: 14px;
			transition: none;
		}

		header .navigation span {
			font-size: 22px;
		}


	/* HP Hero */

	.hp-hero {
		padding: 40px 2%;
	}

		.hh-content h1 {
		    font: 45px/45px "lato black", arial, sans-serif;
		    margin-bottom: 25px;
		}

		.hh-content div {
		    font-size: 31px;
		    line-height: 34px;
		}


	/* HP 4 Reasons */

	.hp-four-reasons h2 {
	    font: 47px/51px "lato bold", sans-serif;
	}


	/* HP Our Team */

	.hp-our-team-quote blockquote p{
		margin-top: 0;
	}

	.hp-photo-stream {
	    padding: 0 20px;
	}

    .hp-photo-stream-text{
    	float: none;
    	width: 100%;
    }

    	.hp-photo-stream-images{
    		display: block;
    		margin: 40px 0;
    		width: 100%;
    	}


   	/* HP Our Results */

   	.hp-our-results-quote blockquote{
   		margin: 0;
   	}

   		.hp-our-results-quote blockquote cite{
   			float: right;
   		}

	.hp-our-results-client {
		display: block;
		font: 17px/25px lato, sans-serif;
		padding: 50px 0 20px;
		text-align: center;
	}

	    .hp-our-results-client .horc-logo {
	    	display: inline-block;
	    	margin-bottom: 10px;
	    	width: auto;
	    }

	    .horc-name,
		.horc-details span {
	    	text-transform: uppercase;
	    }

	    .horc-details {
	    	font-size: 15px;
	    }

	.hp-our-results-details img {
		display: none;
	}

	.hp-our-results-graph {
		padding-left: 0;
		padding-top: 50px;
		text-align: center;
		width: 100%;
	}

		.horg-result:nth-child(3) .horg-title {
			width: 100%;
		}

		.horg-number {
			font-size: 25px;
			right: 4%;
			position: absolute;
			top: -46px;
		}

		.horg-legend-before,
		.horg-legend-after {
			text-align: left;
		}

	.horg-buttons {
		margin-top: 30px;
		padding-left: 0;
		text-align: center;
		width: 100%;
	}

		.horg-buttons .btn {
			display: none;
		}

		.horg-buttons .btn + .btn {
			display: inline-block;
			float: none;
		}


	/* Subpage - Hero Section */

	.hero-section {
	    min-height: 15px;
	}

		.hero-section.has-image .container {
			padding: 50px 20px 0;
		}


	/* Subpage - Our Clients */

	.oc-logos a {
	    margin: 40px 4%;
	    width: 25%;
	}


	/* Blog Listing */

	.blog main,
	.single main,
	.archive main,
	.error404 main {
	    padding-top: 0;
	}

		/* Blog Listing - Intro Video */

		.intro-section.has-image .container {
		    padding: 30px 20px;
		}

			.is-text h1 {
			    font-size: 36px;
			    line-height: 36px;
			}

			.is-text p {
			    font-size: 20px;
			    line-height: 26px;
			}


	/* Service Pages - Sticky Nav */

	.grid-layout.sticky.fixed {
		top: 0;
	}


	/* Portfolio - SubNav */

	.subpage-nav.portfolio ul {
	    display: block;
	    font-size: 0;
	    padding: 0;
	}

	.subpage-nav.portfolio ul:before,
	.subpage-nav.portfolio ul:after {
		display: none;
	}

		.subpage-nav.portfolio li {
		    border-bottom: 1px solid #ccc;
		    border-right: 1px solid #ccc;
		    display: inline-block;
			-webkit-flex: initial;
			-ms-flex: initial;
			flex: initial;
			min-width: 0;
			width: 25%;
		}

		.subpage-nav.portfolio li:last-child {
			display: inline-block !important;
		}


	/* Portfolio - Listing */

	.subpage-wrapper.portfolio h1 {
	    font: 65px/65px 'lato black', sans-serif;
	}

	.subpage-wrapper.portfolio p {
	    font: 31px/31px 'lato', sans-serif;
	}

	.gl-item {
	    height: 240px;
	}


		.gl-item img {
		    max-width: 80% !important;
		}


	/* Portfolio - Project Details */

	.project-content {
	    padding: 30px 0 10px;
	}

		.project-content .column.before-after {
		    margin: 20px 0 0;
		}

			.project-content p {
			    font: 20px/23px "lato light", arial, sans-serif;
			}

} /* 1024 */





@media only screen and (max-width: 1023px) {

	/* Subpage - Hero Section */

	.hero-section.has-image .container {
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}

		.hs-image {
		    -webkit-order: 1;
		    -ms-flex-order: 1;
		    order: 1;
		    flex-shrink: 0;
		    text-align: center;
		    max-width: 450px;
		    width: 100%;
		}

		.hero-section.has-image .hs-text {
		    padding: 0;
		    text-align: center;
		    width: 100%;
		}

		.hs-text .btn {
			margin-bottom: 15px;
		}


	/* Subpage - Sub-Navigation */

	.subpage-nav {
		position: relative;
	}

		.subpage-nav ul {
		    -webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		    -webkit-justify-content: flex-start;
		    -ms-flex-pack: start;
		    justify-content: flex-start;
		    padding: 0;
		}

		.subpage-nav ul:after,
		.subpage-nav ul:before {
			background: #e4e4e4;
			content: "";
			height: 100%;
			left: 33%;
			position: absolute;
			top: 0;
			width: 1px;
		}

		.subpage-nav ul:before {
			left: 66%;
		}

			.subpage-nav li {
			    border-bottom: 1px solid #e4e4e4;
			    width: 33.3333333%;
			}

				.subpage-nav a {
				    font: 15px/15px "lato bold", sans-serif;
				}


	/* Subpage - Who We Are & Content Block Layout */

	.cb-content, 
	.cb-block:nth-child(even) .cb-content {
		padding: 0 20px;		
	}

		.cb-content h3 {
		    font: 35px/36px "lato black";
		}

			.cb-content h3 span {
			    display: inline;
			}

		.todd .cb-content div {
		    margin: 33px 0 10px;
		}

		.cb-member {
			clear: both;
			color: #fff;
			display: block;
			text-align: left;
			margin: 0 auto !important;
			max-width: 285px;
			vertical-align: top;
		}

			.cb-member-image {
			    float: left;
			    margin: -7px 10px 20px 0;
			    width: 55px;
			}

			.cb-images .cb-popup {
			    font-size: 16px;
			    line-height: 19px;
			    padding: 10px 15px;
			}

				.cb-images span {
				    margin-top: 0px;
				}

		.cb-copy {
		    font: 19px/24px "lato light", arial, sans-serif;
		}


	/* Subpage - Giving Back */

	.gb-logos {
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    margin: 0;
	}

		.gb-title {
		    font: 37px/42px lato, arial, sans-serif;
		}

		.gb-logos div {
			margin-bottom: 20px;
			text-align: center;
			width: 33%;
		}


	/* Subpage - Client Reviews */

	.cr-bg {
		display: none;
	}

	.cr-review > div {
	    width: 100%;
	}

		.cr-title,
		.cr-content cite  {
		    text-align: center;
		}

		.cr-image img {
		    width: auto;
		}

		.cr-btns {
		    text-align: center;
		}

			.cr-btns .btn {
			    width: 190px;
			}


	/* Subpage - About Us */

	.video {
	    margin-bottom: 40px;
	}


	/* Portfolio - Project Details */

	.single-our-work .hero-section.has-image .container {
	    max-width: 1920px;
	    padding-top: 30px;
	}

		.single-our-work .hs-image,
		.single-our-work .hero-section.has-image .hs-text {
			width: 100%;
		}

		.single-our-work .hs-image {
		    margin: 20px 0 0;
		}

			.single-our-work .hs-text h1, 
			.single-our-work .hs-text h2 {
			    font-size: 45px;
			    line-height: 45px;
			}

				.single-our-work .hs-text h1 span, 
				.single-our-work .hs-text h2 span {
				    margin: 0 0 24px;
				}

			.single-our-work .hs-text p.all-caps {
			    margin: 0 0 20px;
			}


	/* Portfolio - Project Details */

	.project-goals {
	    display: block;
	    margin-bottom: 0;
	    padding: 30px 0;
	}

		.project-goals > div {
		    width: 100%;
		}

			.pg-title {
			    margin: 0 0 15px;
			}

			.pg-text {
			    margin-bottom: 0;
			}

} /* 1023 */





@media only screen and (max-width: 950px) {

	/* General */

	main ol,
	main ul {
		margin: 0 0 35px 40px;
	}

	.page h2 {
	    font-size: 47px;
	    line-height: 47px;
	}

	h2.h2-small {
	    font-size: 35px;
	    line-height: 35px;
	    margin-top: 60px;
	}


	/* HP FOUR REASONS */

	.hp-four-reasons article {
		margin: 20px auto 0;
	}

		.hp-four-reasons article > div {
			width: 50%;
		}

			.reason a.icon-text-link {
				font-size: 22px;
				line-height: 22px;
			}

				.reason a i.icon-arrow-right {
					font-size: 13px;
				}

			.reason p {
				font-size: 18px;
				line-height: 23px;
			}


	/* HP OUR TEAM */

	.hp-our-team-quote img {
		float: right;
		margin: 20px;
		max-width: 35% !important;
		transform: translateX(80px);
	}

	.hp-our-team-quote blockquote {
		float: none;
		font-size: 25px;
		width: 100%;
	}

		.hp-our-team-quote blockquote p span,
		.hp-our-team-quote cite {
			font-size: 25px;
		}


	/* Subpage - Title Bars */

	.sp-title-bar .sp-title-bar-text {
	    font: 37px/37px "lato bold", sans-serif;
	}

		.sp-title-bar .icon {
		    height: 53px;
		    width: 53px;
		}

			.sp-title-bar i {
			    font-size: 35px;
			    top: 7px;
			}


	/* Subpage - Who We Are */

	.todd .cb-content .img-inset-shadow {
		margin: 0 20px;
		width: 180px;
	}

	.todd .cb-content div {
	    font: 19px/20px "lato bold", arial, sans-serif;
	    margin: 23px 0 10px;
	}

		.todd .cb-content div span {
		    font: italic 17px/20px "lato light", arial, sans-serif;
		}

	.todd .cb-content p {
	    font: 17px/21px "lato light", arial, sans-serif;
	    margin-bottom: 15px;
	    margin-left: 220px;
	}


	/* Subpage - Contact Us */

	.contact-info li {
		margin-bottom: 15px;
	}

	.contact-info li,
	.contact-info li a {
	    font: 17px/24px "lato", arial, sans-serif;
	}

		.contact-us-form-link a {
		    font: 33px/38px "lato bold", arial, sans-serif;
		}


	/* Portfolio - Project Details */

	.project-highlights li {
	    font: 19px/23px "lato light", arial, sans-serif;
	}

	.single-our-work .cr-image {
	    float: none;
	    margin: 0 0 15px;
	    text-align: center;
	}

	.single-our-work .cr-quote {
	    margin-left: 0;
	    text-align: center;
	}

		.single-our-work blockquote {
		    margin-left: 42px;
		}

		.single-our-work .cr-content cite {
		    text-align: center;
		}

} /* 950 */





@media only screen and (max-width: 850px) {

	/* Header */

	header,
	header.sticky {
		height: 70px;
	}

		header .navigation,
		header.sticky .navigation {
			padding: 12px 0 8px;
			word-spacing: 3px;
		}

			header .navigation nav {
				padding-top: 15px;
			}

			header .navigation nav:nth-of-type(1),
			header .navigation nav:nth-of-type(2),
			header.sticky .navigation nav:nth-of-type(1),
			header.sticky .navigation nav:nth-of-type(2) {
				font-size: 13px;
			}

			header .navigation a:after {
				font-size: 32px;
				right: -16px;
			}


	/* Footer */

	.footer-links .container {
	    display: block;
	}


		.fl-nav,
		.footer-social {
		    border: 0;
			border-bottom: 1px solid #6e6b54;
			margin: 0 0 25px;
			min-height: 0;
			padding: 0 0 25px;
			width: 100%;
		}

		.footer-social {
			border: 0;
		}

			.fl-nav ul {
			    text-align: center;
			    margin: 5px auto 0;
			    width: 180px;
			}

				.fl-nav ul li {
					display: block;
					margin: 0 5px 8px;
				}

		.fl-blog {
		    border-bottom: 1px solid #6e6b54;
		    margin: 0 0 30px;
		    padding: 0 0 20px;
		    text-align: center;
		    width: 100%;
		}

			.fl-blog ul {
				display: none;
			}

		.footer-social {
			background: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}

			.footer-social > div {
			    float: none;
				margin-top: 0;
			}

			.footer-social > div + div {
			    float: none;
			    margin: 0 auto;
			}

				.footer-social > div + div ul li {
					margin-right: 0;
				}

			.footer-social .affiliations ul li.pad {
				margin: 0 20px;
			}

	/* HP Hero */

	.hh-image {
	    padding-right: 25px;
	}

	.hh-content h1 {
	    font: 35px/37px "lato black", arial, sans-serif;
	    margin-bottom: 15px;
	}

	.hh-content div {
	    font-size: 24px;
	}


	/* HP Our Specialties */

	.venn-circle {
		height: 300px;
		padding-top: 40px;
		width: 299px; /* fixes android chrome bug where box-shadow is a square */
	}

		.venn-title{
			font: 20px/24px "lato bold", sans-serif;
		}

		.venn-circle ul {
			margin: 10px 0 0;
		}

			.venn-circle li a {
				font: 14px/13px lato, sans-serif;
				}

		.venn-arch,
		.venn-arch:last-child {
			background-size: 320px;
			margin-left: -160px;
			top: -50px;
			width: 320px;
			}

			.venn-arch:last-child {
				top: 260px;
			    margin-left: auto;
			    margin-right: -160px;
			}


	/* Blog Listing */

	.subpage-content-right {
		display: none;
	}

	.bl-item,
	.blog-detail {
	    padding: 0 0 35px;
	}


	/* Service Pages - Sticky Nav */

	.grid-layout.sticky .gl-item {
	    height: 100px;
	}

		.grid-layout.sticky .gl-item .gl-content i:first-child {
		    font-size: 26px;
		    line-height: 26px;
		}

		.grid-layout.sticky .gl-item .gl-content h3 {
		    font: 15px/26px 'lato bold', sans-serif;
		    margin: 0;
		    padding: 0;
		}

		.grid-layout.sticky .gl-item:hover .gl-content h3, 
		.grid-layout.sticky .gl-item:focus .gl-content h3 {
		    margin-bottom: 6px;
		}

		.grid-layout.sticky .gl-item .gl-content i:last-child {
			font-size: 12px;
			line-height: 12px;
		}


	/* Portfolio - SubNav */

	.subpage-nav.portfolio a {
		font: 14px/14px "lato bold", sans-serif;
	}


	/* Portfolio - Our Work */

	.subpage-wrapper.portfolio h1 {
	    font: 45px/45px 'lato black', sans-serif;
	}

	.subpage-wrapper.portfolio p {
	    font: 24px/24px 'lato', sans-serif;
	    margin-bottom: 7px;
	}

} /* 850 */





@media only screen and (max-width: 800px) {

	/* General */

	body {
	    font: 18px lato, sans-serif;
	}

	p, 
	.page h2,
	.page h3 {
		margin-bottom: 20px;
	}

	.image-align-right,
	img.alignright,
	.image-align-left,
	img.alignleft,
	.image-align-center,
	img.aligncenter {
		display: block;
		float: none;
		margin: 0 auto 25px;
	}

	.mobile-hide {
		display: none !important;
	}

	.page .subpage-wrapper.container {
		padding-bottom: 15px;		
	}

		.page .subpage-content {
		    padding-bottom: 0;
		    padding-top: 0;
		}
	

	/* Header */

	header .navigation nav:nth-of-type(1),
	header .navigation nav:nth-of-type(2),
	header.sticky .navigation nav:nth-of-type(1),
	header.sticky .navigation nav:nth-of-type(2) {
		display: none;
	}

		header .navigation img.header-logo,
		header.sticky .navigation img.header-logo {
			display: inline;
			min-width: 160px;
			position: relative;
			left: 15px;
		}

		header .navigation a {
			margin-right: 0;
		}

		header .navigation a:hover,
		header .navigation a:focus {
			padding-bottom: 0;
			border-bottom: 0;
		}


	/* Mobile Navigation */

	header .navigation nav:nth-of-type(3) {
		display: block;
		padding-top: 5px;
	}

		/* Open/Close Icon */

		header .navigation .icon-mobile-menu {
			color: #fff;
			display: inline-block;
			height: 20px;
			width: 27px;
		}

		header .navigation .close-menu,
		header .navigation .icon-mobile-menu:before,
		header .navigation .icon-mobile-menu:after {
			background: #bfcd21;
			border-radius: 1px;
			content: "";
			display: inline-block;
			height: 4px;
			position: absolute;
			right: 0px;
			text-indent: -9999px;
			transform: translateY(0);
			transition: all .4s;
			width: 27px;
		}

			header .navigation .close-menu {
				font: 18px/18px 'arial', sans-serif;
				margin-top: -2px;
				top: 50%;
				transition: color .3s, height .2s, margin-top .2s, padding-top .2s;
			}

			header .navigation .icon-mobile-menu:before,
			header .navigation .icon-mobile-menu:after {
				left: 0;
				right: auto;
				top: 0;
			}

			header .navigation .icon-mobile-menu:after {
				bottom: 0;
				top: auto;
			}

			header .navigation .icon-mobile-menu:hover{
				color: #fff;
			}

			header .navigation .icon-mobile-menu.active:before {
				transform: translateY(-20px);
				opacity: 0;
			}

			header .navigation .icon-mobile-menu.active:after {
				transform: translateY(20px);
				opacity: 0;
			}

			header .navigation .icon-mobile-menu.active .close-menu {
				border-radius: 3px;
				color: #fff;
				height: 20px;
				margin-top: -12px;
				padding-top: 5px;
				text-indent: 0;
			}

			header .navigation em {
				color: #bfcd21;
				display: block;
				font-size: 12px;
				font-style: normal;
				margin-left: -5px;
				margin-top: 24px;
			}


		/* Mobile Menu */

		#mobile-menu {
			background: #fff;
			box-sizing: border-box;
			box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.21);
			display: block;
			left: 0;
			padding: 95px 30px 5px;
			position: absolute;
			text-align: center;
			top: -100%;
			transition: top .3s ease-in-out;
			width: 100%;
			z-index: 3;
		}

		#mobile-menu.active {
			transition: top .4s ease-in-out;
			top: 0;
		}

			#mobile-menu .container {
				padding: 0;
			    margin: 0 auto;
				max-width: 500px;
			}

				#mobile-menu .nav {
				    display: inline-block;
				    float: left;
				    margin: 13px 0 0 30px;
				    vertical-align: top;
				    width: auto;
				}

				#mobile-menu nav {
					text-align: left;
				}

					#mobile-menu nav a {
					    color: #8d961d;
					    display: block;
					    font: 15px/20px 'lato bold', sans-serif;
					    margin-bottom: 17px;
					    text-decoration: none;
					    text-transform: uppercase;
					    transition: padding-bottom 0.3s, color 0.3s;
					}

				#mobile-menu .say-hello {
					display: inline-block;
					float: right;
					margin-top: 50px;
					position: relative;
				}

					.sh-box {
					    background: #b9c41f;
					    border-radius: 6px;
					    box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.34);
					    color: #fff;
					    display: block;
					    font: 14px/31px 'lato bold', sans-serif;
					    margin-bottom: 16px;
					    padding: 20px;
					    text-transform: uppercase;
					    text-align: left;
					}

						.sh-text{
							font: 16px/20px "lato bold", arial, sans-serif;
							padding: 0 0 7px 20px;
						}

						.sh-phone,
						.sh-box a,
						.sh-email[href^="tel"]{
							color: #fff;
							display: block;
							text-decoration: none;
						}

						.sh-box i {
							color: #fff;
							vertical-align: middle;
							margin: 3px 4px 0 0;
							display: inline-block;
						}

					.sh-leaves{
						background: url('../images/bg-header-leaves.png') no-repeat 0 -6px;
						height: 68px;
						position: absolute;
						right: 20px;
						top: -75px;
						width: 83px;
					}


	/* Column Layouts */

	.column {
	    box-sizing: border-box;
	    float: none;
	    padding: 0 !important;
	    width: 100% !important;
	}


	/* HP Four Seasons */

	.hp-four-reasons h2 {
		font-size: 35px;
		line-height: 40px;
	}

		.reason p {
			font-size: 15px;
			line-height: 20px;
		}


	/* Hero Section */

	.hero-section.has-image .container {
	    padding: 30px 20px 0;
	}

		.hs-text h1, 
		.hs-text h2 {
		    font-size: 49px;
		    line-height: 49px;
		}

		.hs-text h1 span, 
		.hs-text h2 span {
		    font: 18px/18px lato, arial, sans-serif;
		}

		.hs-text p {
		    font: 18px/18px "lato light", arial, sans-serif;
		    line-height: 20px;
		}

		.hs-text .btn {
			font-size: 16px;
		}


	/* Subpage - Who We Are */

	.content-blocks .container {
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}

		.cb-content,
		.cb-block:nth-child(even) .cb-content {
		    padding-top: 20px !important;
		    width: 100%;
		}

		.todd .cb-content {
		    max-width: 500px;
		}

			.cb-content h3 {
			    margin: 10px 0 35px !important;
			}

				.cb-content h3 span {
				    display: block;
				}

		.cb-images,
		.cb-block:nth-child(even) .cb-images {
		    margin: 30px 0;
		    max-width: 500px;
			-webkit-order: 0;
			-ms-flex-order: 0;
			order: 0;
		    width: calc(100% - 8px);
		}


	/* Subpage - Contact Us */

	.contact-info {
	    margin: 23px auto;
	    max-width: 320px;
	}


	/* Subpage - Image/Text Rows */

	.image-text-rows .container {
	    padding: 40px 20px 20px;
	}

		.image-text-rows .container > div {
		    -webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		    margin-bottom: 60px;
		}

		.image-text-rows .container > div:last-child {
		    margin-bottom: 20px;
		}

			.image-text-rows .container > div:nth-child(even) .itr-image {
			    -webkit-order: 0;
			    -ms-flex-order: 0;
			    order: 0;
			    padding-right: 0;
			    padding-left: 0;
			}

			.itr-image,
			.itr-text {
			    margin-bottom: 10px;
			    padding-right: 0;
			    text-align: center;
			    width: 100%;
			}


	/* Blog Listing - Intro Video */

	.intro-section.has-image .container {
	    display: block;
	}

		.intro-section.has-image .container > div {
			padding: 0;
		    text-align: center;
		    width: 100%;
		}


	/* Portfolio - Listing */

	.gl-item {
	    width: 50%;
	}

} /* 800 */





@media only screen and (max-width: 768px) {


	/* Blog Listing */

	.bl-item {
		padding: 0 0 35px;
	}

		.bl-excerpt {
		    font: 18px/24px lato, sans-serif;
		}


	/* Portfolio - SubNav */

	.subpage-nav.portfolio li {
	    min-width: 50%;
	}

	.subpage-nav.portfolio li:last-child {
	    display: inline-block !important;
	}

		.subpage-nav.portfolio a {
		    padding: 17px 0 16px;
		}


	/* Service Hub Pages (Online Marketing & Web Design) */

	.page-id-843 .gl-item,
	.page-id-828 .gl-item {
		width: 100%;
	}

} /* 768 */





@media only screen and (max-width: 700px) {

	/* FOOTER */

	.fc-forms-leaves {
		display: none;
	}

	.fc-form-title {
	    font: 30px/30px "lato bold", sans-serif;
	    margin: 0px 0 10px;
	}

	.footer-welcome {
	    float: left;
	    width: 100%;
	}

		.footer-welcome .container {
		    padding: 0 20px;
		}

		.fw-hello {
		    float: left;
		    text-align: center;
		    margin: 0;
		    width: 100%;
		}

			.fw-title {
			    margin: 20px 0 13px;
			}

		.fw-visit {
		    float: left;
		    margin: 20px 0 0;
		    text-align: center;
		    width: 100%;
		}

		.fw-tree {
			background-position: center 0;
		    float: left;
		    margin: 30px auto -2px;
		    width: 100%;
		}

	.fl-nav {
	    margin-top: 30px;
	}


	/* HP TITLE BAR AREAS */

	.hp-title-bar .hp-title-bar-text {
		font-size: 34px;
	}


	/* HP HERO */

	.hh-slide {
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    max-width: 420px;
	}

		.hh-image {
		    -webkit-order: 1;
		    -ms-flex-order: 1;
		    order: 1;
		    padding: 5px 0 0;
		    text-align: center;
		    width: 100%;
		}

			.hh-image .btn {
			    display: inline-block;
			    margin-top: 20px;
			}

		.hh-content {
		    text-align: center;
		    width: 100%;
		}

			.hh-content .btn {
				display: none;
			}


	/* HP OUR SPECIALTIES */

	.hp-our-specialties-venn {
		margin: 50px auto;
	}

		.venn-circle,
		.venn-circle.venn-marketing {
			display: block;
			margin: 0 auto;
		}

		.venn-circle.venn-marketing {
			margin-top: -20px;
		}

			.venn-arch {
				display: none;
				}


	/* HP OUR TEAM */

	.hp-our-team-quote blockquote p,
	.hp-our-team-quote blockquote p span,
	.hp-our-team-quote cite {
		font-size: 23px;
		line-height: 29px;
		margin: 0;
	}


	/* Sub-Navigation */

	.subpage-nav ul:before {
		left: 50%;
	}

	.subpage-nav ul:after {
		display: none;
	}

		.subpage-nav li {
		    width: 50%;
		}


	/* Subpage - Title Bars */

	.sp-title-bar {
	    padding: 20px 0;
	}

		.sp-title-bar .sp-title-bar-text {
		    font: 27px/27px "lato bold", sans-serif;
		}

			.sp-title-bar .icon {
			    height: 35px;
			    width: 35px;
			}

				.sp-title-bar i {
					font-size: 25px;
					top: 3px;
				}


	/* Subpage - Comparision Chart */

	.compare-chart {
	    margin: 30px 0 0;
	}

		.compare-chart .container {
		    display: block;
		}

			.compare-chart .container > div,
			.compare-chart:not(.why-choose) .cc-right,
			.compare-chart:not(.why-choose) .cc-left {
			    border: 0;
			    padding: 0;
			    width: 100%;
			}

				.cc-title {
				    margin-left: 0;
				    padding: 0 0 10px;
				    text-align: center;
				}

					.cc-title span {
					    display: initial;
					    margin-left: 0;
					}

				.compare-chart ul {
				    padding: 0;
				    margin-bottom: 50px;
				    margin-left: 0;
				}

				.compare-chart:not(.why-choose) ul {
				    margin-bottom: 0;
				}

					.compare-chart li,
					 {
						margin: 0 0 25px;
						line-height: 20px;
					}

						.cc-left li i,
						.cc-right li i,
						body:not(.page-id-104) .cc-right li i {
						    font-size: 21px;
						    margin: 0 10px 0 -34px;
						}


	/* Subpage - Giving Back */

	.gb-title {
	    font: 27px/32px lato, arial, sans-serif;
	}


	/* Subpage - Sitemap */

	.sitemap > ul {
	    display: block;
	    margin: 0 0 45px;
	    padding: 0;
	    vertical-align: top;
	}

} /* 700 */