/* /////////////////////////////////
	VISIBILITY
///////////////////////////////// */


.tablet {
	display: block;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

.container { 
	width: 92%;
	padding: 60px 4% 40px 4%;
}

.body .container {
	padding-bottom: 30px;
}


/* /////////////////////////////////
	BASIC TEXT / HEADINGS
///////////////////////////////// */


h1,
h2.large {
	font: normal 60px/60px OptiDianna, georgia, serif; 
	color: #e55a23;
	margin-bottom: 0;
	text-align: center;
}

article h1 {
	font-size: 36px;
	line-height: 36px;
	padding-bottom: 12px;
	margin-bottom: 30px;
}

article h1.small {
	font: 200 32px/34px Gotham, arial, sans-serif; 
}

#hero .overlay h1 {
	font-size: 36px;
	line-height: 36px;
}

h2 {
	font-size: 22px;
}

h2.large {
	font-size: 48px;
	line-height: 48px;
}

section h1 span,
h2.large span {
	padding: 0 30px 10px;
}

h2.large span {
	margin-bottom: 50px;
}

h3,
.box.blog li {
	font-size: 13px;
	line-height: 18px;
}

/* /////////////////////////////////
	BUTTONS
///////////////////////////////// */

a.button, 
a.button:visited,
.bar h3 { 
	letter-spacing: 0;		
}


/* /////////////////////////////////
	HEADER
///////////////////////////////// */

header .container { 
	padding-bottom: 25px;
}


#join {
	right: 0;
	width: 180px;
	height: 78px;
	padding-top: 40px;
	padding-bottom: 15px;
	text-align: right;
	padding-right: 40px;
}

.join-button {
	display: inline-block;
	padding: 4px;
	background: rgba(255,255,255,0.5);
	border: 1px solid #fff;
}

#join .button {
	background: #f79f49;
	color: #fff;
	border: 0;
}

#join .button:hover {
	background: #e55a23;
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */


nav li,
footer li {
	width: 11.5%
}


nav li a,
nav li a:visited,
footer li a,
footer li a:visited {
	font-size: 12px;
	letter-spacing: 1px;
}


/* /////////////////////////////////
	HERO
///////////////////////////////// */



/* /////////////////////////////////
	CTA BOXES
///////////////////////////////// */


.cta h3 {
	font-size: 28px;
	line-height: 30px;
}


/* /////////////////////////////////
	NEWS
///////////////////////////////// */


.post .image {
	width: 100%;
	max-width: 90px;
	float: none;
	margin-right: 0;
	margin-bottom: 15px;
}

.post .content {
	width: 100%;
	float: none;
}

/* Social Sharing */

.sharing {
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.sharing span {
	width: 33%;
	padding-bottom: 20px;
}

/* Pagination */

.pagination {
	margin: 40px 0 20px;
}

.pagination span {
	width: 48%;
}

.pagination span.prev {
	padding: 0 2% 0 0;
}




/* /////////////////////////////////
	BOXES
///////////////////////////////// */

.box {
	padding: 22px 20px 1px 20px;
}

.box h3 {
	font-size: 14px;
}

.box p,
.box form {
	margin-bottom: 20px;
}


/* /////////////////////////////////
	CLASSES
///////////////////////////////// */

.margin-bottom-40 {
	margin-bottom: 40px;
}

.margin-bottom-60 {
	margin-bottom: 40px;
}