html, body {
  height: 100%;
  margin: 0;
  padding:0;
}

body {
  min-height: 100%;
  flex-flow: column;
  display: flex;
}


header {
  flex: 0 1 auto;
}

main {
  margin-top: 1em;
  flex: 1 1 auto;
}

footer {
  padding: 4em 4em 0em 4em;
  background-color: #222f3c;
  flex: 0 1 5em;
}
@media(max-width:768px){
  footer {padding: 2em 1em 0em 1em;} 
}
footer .nav-link{color: white !important;}

.post.card {
  margin-top: 1em;
}

#links a {
  text-transform: uppercase;
}

.post-full-content blockquote {
  margin: 0.75em 0 1.5em;
  padding: 0 1.5em;
  border-left: 3px solid #2b979b;
  font-style: italic;
}