*,
*:before,*:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; }


div,ul,ol,
li,h1,h2, p 		{ direction: ltr;margin: 0; padding: 0; }
html, body 			{ font-size: 100%; height:100%;margin: 0; padding: 0;}

body { 				background: white;
  					color: #7F8C8D;
  					cursor: default;
  					font-family: "ff-tisa-web-pro",serif;
  					font-style: normal;
  					font-weight: 400;
  					line-height: 1;
  					margin: 0;
  					padding: 0;
  					position: relative; 
 					-webkit-font-smoothing: antialiased;
}

img { 				display: inline-block; 
					height: auto; 
					vertical-align: middle; 
					-ms-interpolation-mode: bicubic;
}

.row {				margin: 0 auto;
					max-width: 62.5em;
					width: 90%;
}
.row:before, 
.row:after 			{ content: " "; display: table; }
.row:after 			{ clear: both; }
.column,
.columns { 			float: left;
					padding-left: 0.9375em;
  					padding-right: 0.9375em;
  					position: relative;
  					width: 100%;
}



@media only screen {
	.column,.columns,
	.small-2, .small-8 		{ position: relative; }
	.column, .columns 		{ float: left; padding-left: 0.9375em; padding-right: 0.9375em; }
	.small-2 				{ width: 16.66667%; }
	.small-8 				{ width: 66.66667%; }
	[class*="column"] + [class*="column"]:last-child { float: right; }
	[class*="column"] + [class*="column"].end { float: left; }
}








a 					{ color: #2ba6cb; line-height: inherit; text-decoration: none; }
a:hover, 
a:focus 			{ color: #2795b6; }
a:hover 			{ cursor: pointer; }
a img 				{ border: none; }


p { 				font-family: inherit;
  					font-weight: normal;
  					font-size: 1em;
  					line-height: 30px;
  					margin-bottom: 30px;
}


h1, h2 {			color: #222222;
  					font-family: "brandon-grotesque",sans-serif;
  					font-style: normal;
  					font-weight: 700;
  					line-height: 1.2125em;
  					margin-top: 0;
  					margin-bottom: 0.5em;
}

h1 					{ font-size: 2em; text-transform: uppercase; }

h1 a, h1 a:hover 	{ color: white;}

h2 					{ font-size: 1.6875em; }
  
hr.tiny { 			border: solid #dddddd;
  					border-width: 1px 0 0;
  					clear: both;
  					height: 0; 
  					margin: 30px auto;
  					width: 200px;
}


strong, b {			font-family: "brandon-grotesque",sans-serif;
					font-weight: normal;
  					text-transform: uppercase;
}







#intro { 			background: url(honend-small.jpg)  no-repeat center fixed;
					background-size: cover;
					height: 100%;
					margin:0;
					padding:40px 0;
					text-align: center;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					-webkit-animation-duration: 1s;
					-webkit-animation-delay: 0.5s;
					-webkit-animation-iteration-count: 1;
}



.table				{ display:table; height:100%; width:100%; }
.vertical-align		{ display:table-cell; height:100%; vertical-align:middle; width:100%; }

.logo 				{ margin: 0 0 30px 0; width: 100px;}

.content 			{ margin: 60px auto 30px auto; text-align: center;}





#bottom {			background: url(honend-full.jpg)  no-repeat center fixed;
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					-webkit-animation-duration: 1s;
					-webkit-animation-delay: 0.5s;
					-webkit-animation-iteration-count: 1;
					margin: 0;
					padding: 60px 0;
					text-align: center;
}

#bottom a {			color: white;
					font-family: "brandon-grotesque",sans-serif;
					font-size: 1.5rem;
					font-style: normal;
					font-weight: 700;
}

#bottom a:hover { 	opacity: .5; 
					-moz-transition:all linear .2s;
					-webkit-transition:all linear .2s;
					-o-transition:all linear .2s;
					transition:all linear .2s;
}

#bottom img 		{ height: 20px; }



#black { background-color: #101010; text-align: center; padding: 20px 0; }
#black p { 			font-family: "brandon-grotesque",sans-serif;
  					font-style: normal;
  					font-weight: 700;
  					margin: 0; 
  					color: #757575;
  					text-transform: uppercase;
  					font-size: .8rem;
}

#black a 			{ color: white; }



@media screen and (min-width: 768px) {
	#intro { background: url(honend-medium.jpg) no-repeat center fixed; }
	#bottom 		{ padding: 90px 0;}
	h1, h2 			{ line-height: 1.4; }
	h1 				{ font-size: 2.6em; }
	h2 				{ font-size: 2.3125em; }
	.content 		{ margin: 120px auto 90px auto; }
	p 				{ font-size: 1.3em; line-height: 40px; margin-bottom: 40px; }
}

@media screen and (min-width: 1025px) {
	#bottom a 						{ font-size: 4rem; }
	#bottom img 					{ height: 50px; }
	.logo 							{ margin: 0 0 120px 0; width: 200px;}
	.large-8, .row .large-offset-2 	{ position: relative; }
	.large-8 						{ width: 66.66667%; }
	.row .large-offset-2 			{ margin-left: 16.66667%; }
}

@media screen and (min-width: 1300px) {
	#intro { background: url(honend-large.jpg)  no-repeat center fixed; }
}
@media screen and (min-width: 1700px) {
	#intro { background: url(honend-full.jpg)  no-repeat center fixed; }
}








a.twitter-timeline { display: block; margin: 0 auto 120px auto;}