* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
/* Create two unequal columns that floats next to each other */
.column {
float: left;
padding: 10px;
}
/* Style the footer */
.footer {
background-color: red;
padding: 5px;
text-align: center;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
}
.footer a {
background-color: red;
padding: 5px;
text-align: center;
font-weight: normal;
color: #FFFFFF;
text-decoration: none;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
}
/* Main column */
.column.main {
width: 67%;
}
.column.main a {
text-decoration: none;
}
/* Right column */
.column.right {
width: 33%;
}
.column.right a {
text-decoration: none;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 1000px) {
.column.main, .column.right {
width: 100%;
}
}
.topnav {
overflow: hidden;
background-color: red;
text-align: center; /* */
width: 100%;
}
.topnav a {
float: center;
display: inline-block;  /* */
color: #f2f2f2;
text-align: center;
padding: 14px 14px;
text-decoration: none;
font-size: 16px;
width: 12.5%'
}
.topnav a:hover {
background-color: blue;
color: white;
}
.topnav a.active {
background-color: #4CAF50;
color: white;
}
.topnav .icon {
display: none;
}
.topnav .right {
float: right;
}
/* --Breakpoint still needs work -- */
@media screen and (max-width: 1000px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
@media screen and (max-width: 1000px) {
.topnav.responsive {position: relative;}
.topnav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
/* Facebook */
.fa-facebook-square {
}
/* Twitter */
.fa-twitter-square {
}
/* Instagram */
.fa-instagram-square {
background: blue;
color: white;
}
/* PayPal */
.fa-cc-paypal {
background: white;
color: blue;
}
p {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Added for /members-only/gamebooks.html */
/*
.gamebook table {
    width:50%;
    border-width:5px;
}
*/