table {
border: 1px solid #1e5799;
border-collapse: collapse;
width: 90%;
margin: auto;
}
.center {
   position: absolute;
   left: 50%;
}
#socIcons {
   position: relative;
   left: -50%;
}
input[name="nav"], label[name="nav"] {
	display: none;
}
.content {
   display:block;
   background-color: #FFFFFF;
      padding: 0 5px 0 5px;
   float:left;
}
code,pre {
   background-color: rgba(255,255,255,0.8);
   white-space: pre-wrap;       /* Since CSS 2.1 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
/* responsive web design features */

/* use available screen area if display shrinks below 600px */
@media only screen and (max-width: 600px) {
   .content {
      width:calc(100% -10)px;
      padding: 0 5px 0 5px;
      margin: 0;
   }
   body {
      margin: 0;
      padding: 0;
   }
}

a.link {
    text-decoration:underline;
    border-bottom: 1px solid;
}
/* use two column layout if screen grows past 900px */
@media only screen and (min-width: 900px) {
   .content {
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;
      column-rule: inset #BFBFBF;
   }
}