*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body { font-family: Arial, Helvetica, sans-serif; margin: 0; }
footer { font-size: .75em; line-height: 50%; }

.columnsContainer, footer { position: relative; margin: .5em; }

.leftColumn, .rightColumn, footer { padding: 1.25em; }

.leftColumn { margin-bottom: .5em; }

@media screen and (max-width: 600px) {
  .topnav a:not (:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .responsive {
    position: relative;
  }
  
  .responsive {
    position: absolute;
    right: 0;
    top: 0;
  }

.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
  .leftColumn { margin-right: 19.5em; }
  .rightColumn { position: absolute; top: 0; right: 0; width: 18.75em; }   
}