@charset "UTF-8";
/* CSS Document */

#reach-logo {
	/*width: calc(100% - 490px);*/
	width: calc(325px - 0px);
	height: 285px;
	float: left;
	margin-bottom: 9px;
}

#reach-logo a {
	height: 245px;
	background-image: url(../images/artwork/reach_success_coaching/reachsuccess-logo.png);
}

#reach-alternative-logos {
	width: 100px;
	height: 245px; 
	float: right;
	margin: 0 0 9px 0;
}

#reach-alternative-logos a {
	height: 80px;
}

#reach-bw-logo {
	background-image: url(../images/artwork/reach_success_coaching/reachsuccess-logo-black.png);
}

		#reach-bw-logo:hover {
			background-image: url(../images/artwork/reach_success_coaching/reachsuccess-littlelogo-hover.png);
		}

#reach-teal-logo {
	background-image: url(../images/artwork/reach_success_coaching/reachsuccess-logo-teal.png);
}

		#reach-teal-logo:hover {
			background-image: url(../images/artwork/reach_success_coaching/reachsuccess-littlelogo-hover.png);
		}

#reach-gold-logo {
	background-image: url(../images/artwork/reach_success_coaching/reachsuccess-logo-gold.png);
}

		#reach-gold-logo:hover {
			background-image: url(../images/artwork/reach_success_coaching/reachsuccess-littlelogo-hover.png);
		}

#reach-business-cards {
	overflow: hidden;
	float: right;
	margin: 0 9px 0 9px;
}

#reach-business-cards div a {  }

		#reach-bizcard_front {
			width: 117px;
			height: 107px;
			margin-bottom: 9px;
		}
		
		#reach-bizcard_back {
			width: 117px;
			height: 157px; 
		}
		
		#reach-bizcard_front a {
			height: 67px;
			background-image: url(../images/artwork/reach_success_coaching/reach-business_card-front.png);
		}
		
				#reach-bizcard_front a:hover {
					background-image: url(../images/artwork/reach_success_coaching/reach-business_card-front-hover.png);
				}
		
		#reach-bizcard_back a {
			height: 117px;
			background-image:url(../images/artwork/reach_success_coaching/reach-business_card-back.png);
		}
		
				#reach-bizcard_back a:hover {
					background-image:url(../images/artwork/reach_success_coaching/reach-business_card-back-hover.png);
				}

#reach-postcard {
	/*width: calc(50% - 73px);*/
	width: 177px;
	height: 285px;
	float: right;
	margin-left: 9px;
	margin-bottom: 9px;
	margin-right: 140px;
}

#reach-postcard a {
	height: 245px;
	background-image: url(../images/artwork/reach_success_coaching/postcard.png);
}

		#reach-postcard a:hover {
			background-image: url(../images/artwork/reach_success_coaching/postcard-hover.png);
		}

#reach-old-logo {
	/*width: 211px;*/
	width: calc(70% - 0px);
	height: 175px;
	float: left;
	margin-bottom: 9px;
}

#reach-old-logo a {
	height: 135px;
	background-image: url(../images/artwork/reach_success_coaching/old-logo.png);
}

#reach-about {
	/*width: 260px;*/
	width: calc(100% - 0px);
	min-height: 200px;
	float: left;
	line-height: 20px;
	margin: 20px 0 9px 0;
}

#reach-about-box {
	width: 250px;
	/*background-color: green;*/
	overflow: hidden;
	float: left;
	margin: 0 0 9px 0;
}

#reach-letterhead {
	/*width: 260px;
	width: calc(25% - 0px);*/
	width: calc(45% - 135px);
	height: 440px;
	float: left;
	margin-left: 9px;
}

#reach-letterhead a {
	height: 360px;
	background-image: url(../images/artwork/reach_success_coaching/letterhead01.png);
}

		#reach-letterhead a:hover {
			background-image: url(../images/artwork/reach_success_coaching/letterhead-hover.png);
		}

#reach-certificate {
	/*width: 340px;*/
	width: calc(55% - 135px);
	height: 300px;
	float: right;
	margin-left: 9px;
}

#reach-certificate a {
	height: 257px;
	background-image: url(../images/artwork/reach_success_coaching/certificate.png);
}

		#reach-certificate a:hover {
			background-image: url(../images/artwork/reach_success_coaching/certificate-hover.png);
		}

.reach-desktop {
	/*width: 472px;*/
	width: calc(100% - 386px);
	height: 400px;
	float: left;
}

.reach-desktop a {
	height: 354px;
	background-image: url(../images/artwork/reach_success_coaching/desktop.png);
}

		.reach-desktop a:hover {
			background-image: url(../images/artwork/reach_success_coaching/desktop-hover.png);
		}

.reach-tablet {
	width: 205px;
	/*width: 20%;*/
	height: 290px;
	float: right;
}

.reach-tablet a {
	height: 250px;
	background-image: url(../images/artwork/reach_success_coaching/tablet1.png);
}

		.reach-tablet a:hover {
			background-image: url(../images/artwork/reach_success_coaching/tablet-hover.png);
		}

.reach-phone {
	width: 120px;
	/*width: 10%;*/
	height: 226px;
	float: right;
	margin-left: 35px;
}

.reach-phone a {
	height: 186px;
	background-image: url(../images/artwork/reach_success_coaching/reachphone.png);
}

		.reach-phone a:hover {
			height: 186px;
			background-image: url(../images/artwork/reach_success_coaching/reachphone-hover.png);
		}


@media only screen and (max-width: 960px), only screen and (max-device-width: 960px) {
	
	#reach-alternative-logos {
		margin-bottom: 50px;
	}
	
	#reach-postcard {
		margin-right: 40px;
	}
	
	#reach-about-box {
		width: 200px;
	}
	
	#reach-letterhead {
		width: calc(45% - 110px);
		height: 460px;
	}
	
	#reach-certificate {
		width: calc(55% - 110px);
	}
	
}

@media only screen and (max-width: 870px), only screen and (max-device-width: 870px) {
	
	#reach-logo {
		width: calc(100% - 450px);
	}
	
	#reach-postcard {
		margin-right: 0px;
	}
	
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	
	#reach-about-box {
		width: 150px;
	}
	
	#letterhead {
		
		
	}
	
	#reach-certificate {
		height: 240px;
	}
	
	#reach-phone {
		margin-top: -140px;
	}
	
	
}