@media screen and (max-width: 760px) {  }

/* 
	Blue Color: rgb(91, 104, 112)
*/

img, embed, object, video {
	max-width: 100%;
}

html {
	font-family: 'canada-type-gibson', sans-serif;
	font-style: normal;
}

.outerwrap {
	width: 100%;
	clear: both;
	display: block;
}

.innerwrap {
	width: 96%;
	max-width: 73.125em;	
	margin: 2em auto;
}

.masthead {
	background-color: #dfdfdf;
	border-bottom: 2px solid #aaa;
	margin: 0 auto;
	padding: 1em 0;
}

nav ul#mobile {
	display: none;
}

nav ul#primary {
	display: flex;
/* 	flex-direction: column; */
	justify-content: space-between;
	margin: 0 6em;
}

nav ul#primary li {
	flex-direction: column;
/* 	justify-content: space-between; */	
}

nav ul li a {
	text-decoration: none;
	text-transform: uppercase;
	color: rgb(91, 104, 112);
	font-weight: 600;
}

nav ul li a:hover {
	color: black;
}

section header.innerwrap {
	display: block;
	text-align: center;
}

section header div.logo {
	width: 35%;
	margin: 0 auto 1.5em auto;
}

section.promos {
	display: flex;
}

section > div {
	flex: 0 0 33.33333%;
 	padding:  0 1.5em; 
 	border-left: .5px solid lightgrey;
 	display: flex;
 	flex-direction: column;
	justify-content: space-between;
}

section > div:last-child {
	border-right: .5px solid lightgrey;
}

@media screen and (max-width: 760px) { 
	section.promos {
		display: block;
	}
	
	section.promos img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 1em;
		padding-top: 2em;
	}
	
	section > div {
		border-left: none;
		border-bottom: .5px solid lightgrey;
		margin-bottom: 1em;
	}
	
	section div:last-child {
		padding-bottom: 3em;
		border-right: none;
	}
	
	nav ul#mobile {
		display: block;
	}
	
	nav ul li {
		padding-top: 1em;
	}
	
	nav ul#mobile a {
		font-size: 1.5em;
	}

	nav ul#primary {
		display: none;
		font-size: 1.5em;
	}

 }

h2 {
	font-family: 'canada-type-gibson', sans-serif;
	font-size: 1.75em;
	font-weight: 600;
	margin-bottom: .5em;
}

h4 {
	font-family: 'canada-type-gibson', sans-serif;
	color: rgb(91, 104, 112);
	font-size: 1em;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.1em;
	text-transform: uppercase;
	padding: 1em 0 .6em 0;
}

p.byline {
	font-family: 'canada-type-gibson', sans-serif;
	font-weight: 400;
	letter-spacing: .08em;
	font-size: .875em;
	text-transform: uppercase;
	color: rgb(72, 72, 72);
	margin-bottom: 1em;
}

p {
	font-family: 'adobe-garamond-pro', serif;
	font-weight: 400;
	
	font-size: 1.25em;
	
	line-height: 1.625em;
}

p a {
	color: black;
	font-family: 'canada-type-gibson', sans-serif;
	font-weight: 600;
	font-size: .75em;
	display: block;
	padding-top: 2em;
}

p a:hover {
	color: rgb(232, 28, 35);
}