body {background-color: #EEEEEE; width: 100%; margin: 0 auto;}

.clear {clear: both;}
.pd0 {padding: 0 !important;}
.fleft {float: left !important;}
.fright {float: right !important;}
.tcenter {text-align: center;}
*, *:before, *:after {box-sizing: inherit;}
div {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}
p {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
h1 {display: block; font-size: 2.5em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold;}
section {display: block;}
a {padding: 0; font: inherit; vertical-align: baseline;}
b {font-weight: bold; font-size: 1.3em;}
li {padding: 0.5em;}

.nav {z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: none; background-color: #343a40; position: -webkit-sticky; position: sticky; top: 0; align-self: flex-start; width: 100%; margin-bottom: 2rem;}
.nav .logo {padding: 0 1rem; display: flex; align-items: center; justify-content: center;}
.nav .logo a {float: left !important;}
.nav ul {list-style: none; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center;}
.nav ul li {display: list-item; padding: 0.5rem 1rem; float: right;}
.nav ul li a {color: #FFF; text-decoration: none; text-transform: uppercase; padding: 0.5rem 1rem;}

.main {-moz-flex-grow: 1; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -moz-flex-shrink: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; width: 100%;}
.main > .inner {padding: 0 6em 0.1em 6em; margin: 0 auto; max-width: 110em;}
.main > .inner > section {padding: 2em 0;}
.posts {display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 2em -6em; width: calc(100% + 6em);}
.posts article {-moz-flex-grow: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -moz-flex-shrink: 1; -webkit-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; margin: 0 0 6em 6em; position: relative; width: calc(25% - 6em);}
article {margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; display: block;}
.image {border-radius: 0.375em; border: 0; display: inline-block; position: relative;}
a.image {overflow: hidden;}
.posts article .image {display: block; margin: 0 0 2em 0;}
.posts article:before {background: rgba(210, 215, 217, 0.75); content: ''; display: block; height: calc(100% + 6em); left: -3em; position: absolute; top: 0; width: 1px;}
.posts article:after {background: rgba(210, 215, 217, 0.75); bottom: -3em; content: ''; display: block; height: 1px; position: absolute; right: 0; width: calc(100% + 6em);}
.image img {border-radius: 0.375em; display: block;}
a.image img {-moz-transition: -moz-transform 0.2s ease; -webkit-transition: -webkit-transform 0.2s ease; -ms-transition: -ms-transform 0.2s ease; transition: transform 0.2s ease;}
.posts article .image img {display: block; width: 100%;}
.posts h1 {margin: 0 0 1em 0; padding: 0; border: 0; font-size: 1.25em !important; font-weight: 700 !important; color: #343a40; font-family: "Roboto Slab", serif; font: inherit; vertical-align: baseline; line-height: 1.5;}
.posts p {margin: 0 0 2em 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; color: #7f888f;}
ul.actions {display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; cursor: default; list-style: none; margin: 0 0 2em -1em; padding-left: 0; position: absolute; bottom: -2em;}
.posts article > :last-child {margin-bottom: 0;}
ul.actions li {padding: 0 0 0 1em; vertical-align: middle;}
.button {-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; background-color: transparent; border-radius: 0.375em; border: 0; box-shadow: inset 0 0 0 2px #343a40; color: #343a40 !important; cursor: pointer; display: inline-block; font-family: "Roboto Slab", serif; font-size: 0.8em; font-weight: 700; height: 3.5em; letter-spacing: 0.075em; line-height: 3.5em; padding: 0 2.25em; text-align: center; text-decoration: none; text-transform: uppercase; white-space: nowrap;}
.posts article:nth-child(4n + 1):before {display: none;}
.posts article:nth-child(4n + 1):after {width: 100%;}
header.main > :last-child {margin: 0 0 1em 0;}
.row {display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch;}
.row > .col-6 {width: 50%;}

.copyright {width: 100%; text-align: center;}
.copyright p {padding: 2em; margin: 0;}
.copyright a {text-decoration: none; color: #007bff;}
.copyright a:hover {text-decoration: underline;}

/* Back to Top */
#backtotop {z-index: 999; display: inline-block; position: fixed; visibility: hidden; bottom: 20px; right: 20px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; text-align: center; opacity: .5; color: #343a40;}
#backtotop i {display: block; width: 100%; height: 100%; line-height: inherit;}
#backtotop.visible {visibility: visible; opacity: .5;}
#backtotop:hover {opacity: 1;}