@font-face {
    font-family: 'copperplate_gothic_boldRg';
    src: url('copperplate_gothic_bold_regular-webfont.woff2') format('woff2'),
         url('copperplate_gothic_bold_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 17px "Georgia",Times,Times New Roman,serif;
	font-style: italic;
	font-variant: normal;
	font-weight: 500;
	line-height: 24px;
	background: url('../img/main-bg.png') center center;
	background-size: cover;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #030103;}

a {color: #030103;}
a:hover {color: #666;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #030103; color: #fff; text-shadow: none;}
::selection {background: #030103; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #030103;}

ins {background-color: #030103; color: #ccc; text-decoration: none;}
mark {background-color: #030103; color: #ccc; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {padding: 16px; background: #eee;}

.wrapper {
	position: relative;
	padding: 80px 0;
}

section {
	position: relative;
	padding: 75px 0;
}

section.highlight {
	background: url('../img/main-bg.png') center center;
	background-size: cover;
}

article {
	max-width: 992px;
	margin: 0 auto;
	padding: 0 20px;
}

article.col {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 25px 0;
}

h1, h2, h3 {
	text-align: center;
	margin-bottom: 80px;
}

h1.logo {
	margin-bottom: -60px;
}

p {
	padding-bottom: 20px;
}

p > img {
	float: left;
	padding-right: 10px;
}

h1 span, h2 span, h3 span {
	font: 24px 'copperplate_gothic_boldRg', Freesans, sans-serif;
	letter-spacing: 0.25em;
	padding-bottom: 25px;
	border-bottom: 2px solid #030103;
	min-width: 190px;
	text-align: center;
	display: inline-block;
}

h4, h5 {
	font-size: 22px;
	padding: 75px 0 25px;
	min-width: 190px;
	display: inline-block;
}

.col-2 {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.col-3 {
	display: table-cell;
	width: 32.5%;
	vertical-align: top;
}

.col-3:last-child {
	width: 34%;
}

footer {
	text-align: center;
}

footer a {
	text-decoration: none;
	margin: 0 auto;
	text-align: center;
}

footer ul {
	display: inline-block;
	margin: 0 auto 40px;
	text-align: center;
}

p:after, footer ul:after { content: " "; display: block; clear: both; }

footer li {
	display: block;
	float: left;
	border-left: 1px solid #000;
	padding: 10px 20px;
}

footer li:first-child {
	border: none;
}