/*
HERO ####################################################################
*/
#Hero {margin: 0; padding: 0;}
#Hero .inside {}
#Hero .inside img {width: 100%; position: relative; vertical-align: top;}
#Hero .inside .layer {display:block;position: absolute; top: 14%; left: 0%; width: 100%; /*display:none;*/ }
#Hero .inside .layer h1 {text-align: center; font-size:150%; line-height: 24px;margin: 0; padding: 15px 0; font-weight: 500; color: #fff; letter-spacing: -.03em;}

#Hero .inside .layer h1 span {display:block;}
#Hero .inside .layer .more {display:none;}
#Hero .inside .layer .more a {color: #000; padding: 15px 0; display:block;}
#Hero .inside .layer .more a:hover {color: #497cb2;}
#Hero .inside .layer .more a i {position: relative; left: 15px; top: 5px; font-size: 170%; }

/* respond */
@media screen and (min-width: 960px) {
	#Hero .inside .layer {top: 15%; left: 48%; width: 600px;}
	#Hero .inside .layer h1 {font-size:340%; line-height: 60px; padding: 5px 0; text-align:left;margin-left: 0px;}
	#Hero .inside .layer .more {display:block;text-align:left;padding: 15px 0;}
}


/*
ABOUT & FOUNDER ####################################################################
*/
#About {}
#About .outer, #Founder .outer {width: 100%;  margin: 0 auto;}
#About .inner {}

.blocks {overflow:auto;}
.blocks .block {}
.blocks .block.copy {text-align:center;}
.blocks .block.copy .padthis {padding: 40px;}
.blocks .block.copy h2 {font-size: 80%; color: #999; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; margin: 0; padding: 0; }
.blocks .block.copy h3 {font-size: 170%; color: #333; font-weight: 500; margin: 0; margin-top: 20px; margin-bottom: 20px; padding: 0;letter-spacing: -.03em;}
.blocks .block.copy p {line-height: 1.7em; margin: 0; padding: 0;}
.blocks .block.copy p.talk {margin-top: 15px;}
.blocks .block.copy p.talk a {color: #497cb2;}
.blocks .block.copy p.talk a:hover {color: #000;}
.blocks .block.copy p.talk a i {position: relative; left: 15px; top: 5px; font-size: 170%;}

#Hero .inside .layer .more a {color: #000; padding: 15px 0; display:block;}
#Hero .inside .layer .more a i {position: relative; left: 15px; top: 5px; font-size: 170%; }

.blocks .block.photo img {width: 100%; display: block;}

#About .blocks {background: #f3f3f3;}
#Founder .blocks {background: #fff;}


/* respond */
@media only screen and (min-width : 960px) {
	.blocks .block.copy h3 {font-size: 200%; }

	.blocks .block {width: 50%;}
	.blocks .block.copy {text-align:left;}
	.blocks .block.copy .padthis {padding: 100px 100px 0 100px;}
	#About .blocks .block.copy {float: left;}
	#About .blocks .block.photo {float: right;}

	#Founder .blocks .block.copy {float: right;}
	#Founder .blocks .block.photo {float: left;}
}