#canvis {
	margin: 0px auto;
	max-width: 960px;
}
/* MISC
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html {
    height: 100%;
    margin: 0;
	background-color: #E8E8E8;
}
body {
    margin: 0 auto;
	min-height: 100%;
	width: 970px;
	background-color: 	#D8D8D8;
}
*{
	padding: 0px;
	margin: 0px;
}
ul {
	list-style-type: none;
}
img { /*Makes images resize with there divs*/
	width: 100%;
	height: 100%;
}

/* Structure
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Banner BASE */
.logoH {
	height: 100%;
	width: 70%;
	float: left;
	color: #6a6a65;
	}
	.logoH p {
		padding-top:25px;
		text-align: center;
		font-size: 2.0rem;
	}

#nav {
	float: left;
	height: 100%;
	width: 30%;
	list-style-type: none;
}
#nav ul {
	width: 100%;
	height: 100%;
	display: none;
}
#nav ul li {
	float: left;
	width: 23%;
	margin-right: 2%;
	height: 100%;
	border-bottom: 2px #6a6a65 solid;
	}
#nav ul li a {
	display: block;
	color: #6a6a65;
	text-decoration: none;
	text-align: left;
	padding-top: 3%;
	}

/* Content BASE */
#headWrapper{height: 80px; margin: 0% 2.5% 3% 2.5%;}

.column-left{ float: left; width: 95%; height: 300px; margin: 0% 2.5% 1% 2.5%;}
.column-right{ float: left; width: 95%; height: 300px; margin: 0% 2.5% 1% 2.5%;}
.column-center{ float: left; width: 95%; height: 300px; margin: 0% 2.5% 1% 2.5%;}
/* Larger than mobile */
@media (min-width: 480px) {
	#headWrapper{height: 110px; margin: 0% 2% 3% 2%;}

	.column-left{ width: 47%; height: 250px; margin: 0% 0% 1% 2%;}
	.column-right{width: 47%; height: 250px; margin: 0% 0% 1% 2%;}
	.column-center{width: 47%; height: 250px; margin: 0% 0% 1% 2%;}

	.logoH { width: 100%; height: 80%;}

	#nav { width: 100%; height:20%;}
	#nav ul {display: inline;}
	#nav img {display: none;}
}
/* Larger than phablet */
@media (min-width: 660px) {
	#headWrapper{ height: 130px; margin: 0% 1% 3% 1%;}

	.column-left{width: 32%; height: 250px; margin: 0% 0% 1% 1%;}
	.column-right{ width: 32%; height: 250px; margin: 0% 0% 1% 0%;}
	.column-center{width: 32%; height: 250px; margin: 0% 1% 1% 1%;}

	.logoH { width: 60%; height: 100%;}

	#nav { width: 40%; height:20%; position: relative; top: 80%;}
	#nav ul {display: inline;}
	#nav img {display: none;}
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0;
  }