body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  /*font-weight: 200;*/
  font-size: 18px;
  margin: 10px 0;
  padding: 0;
	color: rgba(255, 255, 255, 0.8);
	background-color: #102;
}

p {
	font-family: 'Georgia', serif;
}

a, a:visited, a:active {
  color: #332;
	font-size: 1.2em;
}

button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;	
	font-weight: bold;
	font-size: 2em;
}

section {
  display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  
  display: -ms-flexbox;   /* MID: IE 10 */
  display: -webkit-flex;  /* NEW, Chrome 21+ */
  display: flex;          /* NEW: Opera 12.1, Firefox 22+ */

  flex-direction: row;
  -webkit-flex-direction: row;

  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;

  -webkit-box-align: center; -moz-box-align: center; 
  -ms-flex-align: center; 
  -webkit-align-items: center;
  align-items: center;

  -webkit-box-pack: center;
  -ms-flex-pack: center; 
  -webkit-justify-content: center;
  justify-content: center;

  margin: 0;
  height: 100%;
  width: 100% /* needed for Firefox */   
}

.pane {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  width: 33%;
  min-width: 200px;
}