/* ===== Primary Styles ========================================================
   Author: Brian Rhinehart
   Date: 20130107
   ========================================================================== */

.nav {
	font-size: 14px;
}

article {
	clear: both;
	margin-bottom: 20px
}

article p {
	overflow: hidden;
}

.clear {
	clear: both;
}

.hero-unit p, .hero-unit ul, .hero-unit li {
	font-size: 14px;
	font-weight: 200;
	line-height: 22px;
	color: inherit;
}


/* Background Images */
	
/* Base Size for SVG Logo is 32px High by 50px Wide
   Increase or reduce the height and width proportionally to change the size of the logo. */
.logo {
	background: url(../img/hmlogo.svg) no-repeat;
	background-size: contain;
	height: 96px;
	display: block;
	margin: 0 auto 20px;
	width: 150px;
}

#emwave-tour {
	background: url(../img/emwave2-tour.png) no-repeat;
	height: 150px;
	width: 280px;
}

/* Base Size for SVG Icons is 100px High by 120px Wide
   Increase or reduce the height and width proportionally to change the size of the icons. */
.quick-coherence-icon {
	background-size: contain;
	float: left;
	height: 120px;
	margin: 2px 20px 10px 0;
	width: 144px;
}

.qc-icon-01 {
	background: url(../img/qc-s1.svg) no-repeat;
}

.qc-icon-02 {
	background: url(../img/qc-s2.svg) no-repeat;
}

.qc-icon-03 {
	background: url(../img/qc-s3.svg) no-repeat;
}
	
/* Retina Image Replacement */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
#emwave-tour {
	background: url(../img/emwave2-tour@2x.png) no-repeat;
	-webkit-background-size: 280px 150px;
    }
}