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


/**********************************
  HELPERS
  ***********************************/
	.invisible {
		visibility: hidden;
	}
	.hide {
		display: none;
	}


/**********************************
  TWO COLUMN LAYOUT
  ***********************************/
	#primary {
		width: 50%;
		float: left;
	}
	#secondary {
		width: 40%;
		float: right;
	}


/**********************************
HEADING
***********************************/
	#logo {
		text-align: center;
		margin: 0;
	}
	h1 {
		margin: 7%;
		font-size: 9vw;
		line-height: 11vw;
	}
	h2 {
		font-size: 3.95vw;
	}
	p {
		margin: 10%;
		font-size: 5.043vw;
		line-height: 6.7vw;
	}


/**********************************
	HERO
	***********************************/
	
	#hero {
		margin-top: 81px;
	}
	
	#hero-copy {
		float: left;
		width: 100%;
		padding-right: 5%;
		padding-bottom: 10%;
	}
	#hero-title {
		text-align: left;
		font-size: 10vw;
	}
	#hero-body {
		font-size: 5.5vw;
	}
	#hero-img {
		display: none;
	}
	#slideshow {
		display: none;
	}


/**********************************
CPRO BANNER
***********************************/
	.cpro-banner {
		text-align: center;
	}
	.cpro-banner #envelope {
		float: none;
		margin: 0 auto;
		width: 47px;
		margin: 30px auto 25px auto;
	}
	.cpro-banner p {
		float: left;
		margin: 0 32px 32px 32px;
		color: white;
		font-size: 24px;
		line-height: 30px;
	}
	.top {
		height: 211px;
	/* Space in here for search */
		padding-top: 40px;
		position: relative;
	}


/**********************************
GALLERY
***********************************/
	.gallery li, .gallery-overlay li {
		width: 96%;
	}
	.gallery li:nth-child(4n) {
		clear: left;
	}
	.gallery-overlay li h2 {
		font-size: 6vw;
	}
	.gallery-overlay li h3 {
		font-size: 5.04vw;
	}
	.gallery li h2 {
		font-size: 6.5vw;
	}
	.gallery li h3 {
		margin-right: 5%;
		font-size: 5vw;
	}


/**********************************
TESTIMONIALS SECTION
***********************************/
	.testy-box li {
		float: left;
		width: 100%;
		margin: 0;
	}


/**********************************
FOOTER
***********************************/

	footer {
		height: 125px;
	}
	
	footer hr {
		width: 80%;
		opacity: 0.5;
		margin: 15px auto;
	}
	
	#footer-logo {
		width: 100%;
		text-align: center;
	}
	#footer-logo img {
		width: 50%;
		margin: 0 25%;	
		min-width: 0;
	}
	.social {
		width: 100%;
		text-align: center;
		background-color: #ededed;
		max-width: 480px;
	}
	.social-icon {
		width: 30px;
		height: 30px;
		margin: 0 5%;
		border-radius: 50%;
		border: 1px solid #999;
	}
	
	footer ~ p {
		font-size: 13px;
	}
}




@media screen and (min-width: 480px) {
	.hide-desktop {
		display: none;
	}
}


 @media screen and (orientation:landscape) and (max-width: 860px) { 
 
 	#header {
		position: static;
	}
	
	nav {
		position: absolute;
		top: 81px;
	}
	
	
 }


@media screen and (min-width: 480px) and (max-width: 1000px) {


/**********************************
HEADING
***********************************/
	#logo {
		text-align: center;
		margin: 0;
	}
	h1 {
		margin: 2.5vw 0 3.5vw 0;
		font-size: 4.2vw;
		font-weight: normal;
		line-height: 4.2vw;
	}
	.gallery li h2 {
		font-size: 2.1vw;
	}
	.gallery li h3 {
		font-size: 1.66vw;
		line-height: 2.85vw;
	}
	p {
		font-size: 1.8vw;
		margin: 1.8vw 0 2.2vw;
	}


/**********************************
HERO
***********************************/
	#hero-title {
		font-size: 3.8vw;
		line-height: 3.5vw;
	}
	#hero-body {
		font-size: 1.8vw;
		line-height: 2.35vw;
	}


/**********************************
GALLERY
***********************************/
	.gallery-overlay li h2 {
		font-size: 1.899vw;
	}
	.gallery-overlay li h3 {
		font-size: 1.5991vw;
	}


/**********************************
CPRO BANNER
***********************************/
	.cpro-banner p {
		font-size: 2.5vw;
	}
	
	.cpro-banner p strong {
	font-size: 2.6vw;
}


/**********************************
TESTIMONIALS SECTION
***********************************/
	.testy-box li {
		float: left;
		width: 48.5%;
		margin: 5% 1.5% 5% 0;
	}
	.testy-box li:nth-child(2n) {
		margin: 5% 0 5% 1.5%;
	}
	.testy-box li .quote {
		font-size: 2.4vw;
	}
	.testy-box li .info {
		font-size: 2.0vw;
		margin: 0 3.2% 5% 0;
	}
	.testy-box li .info .read-more {
		font-size: 1.6vw;
		font-weight: bold;
	}
	.testy-box li .info .read-more img {
		height: 1.2vw;
		width: auto;
	}
	.testy-box li .quote .name {
		font-size: 1.6vw;
		font-weight: bold;
	}
	#exit-testy-box {
		float: right;
		margin: 0 1.5% 0 0;
		position: relative;
		right: 0;
		top: 50%;
	}
	#exit-testy-box img {
		height: 1.5vw;
	}
	.arrow-left {
		left: 20%;
		width: 0;
		height: 0;
		border-top: 2.8vw solid transparent;
		border-bottom: 2.8vw solid transparent;
		border-right: 2.8vw solid #f2f2f2;
		-ms-transform: rotate(45deg);
	/* IE 9 */
		-webkit-transform: rotate(45deg);
	/* Chrome, Safari, Opera */
		transform: rotate(45deg);
		margin-top: -5.8%;
		margin-left: 10%;
	}
	
	/**********************************
FOOTER
***********************************/
	footer ~ p {
		font-size: 1.3vw;
	}
}
