/*
  Global styling for all html elements.
*/
.wrapper {
  width: 90%;
  margin: 0 5%; }

/* ==========================================================================
       Sticky footer
   ========================================================================== */
html, body {
  height: 100%;
  margin: 0; }

div.main-container {
  position: relative;
  display: table;
  height: 100%;
  width: 100%; }

div.main {
  display: table-row;
  height: 100%; }

div.footer-container {
  border-top: 2px solid black;
  background-color: #000000;
  color: #ddd; }

/* ==========================================================================
       Header layout
   ========================================================================== */
/* ==========================================================================
       Footer
   ========================================================================== */
div.footer {
  margin-top: 3em; }

div.footer-container {
  padding-bottom: 3em; }

.footer-column {
  width: 33.33333%;
  box-sizing: border-box;
  padding: 0 1.6%; }

.footer-column:first-of-type {
  padding-left: 0; }

.footer-column:last-of-type {
  padding-right: 0; }