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

body { margin: 0; }

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

.leftColumn, .rightColumn, footer, header {  border: 0px solid  #ccc; padding: .80em; }

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



/* MEDIA QUERIES */
@media screen and (min-width: 47.5em ) {
 .rightColumn   { margin-right: 17.5em; }

	.leftColumn{ position: absolute; top: 0; right: 0; width: 18.75em; }   
}