body {  font-family: Verdana;  padding: 10px;  background: white;}
h1 {color:  #ccfff}
h2 {color:  #ccffff; font-family: verdana;  font-size:  100%}
.homeheader {  padding: 10px;  text-align: center;  background: white;  height: 100px;}

/* Header/Blog Title */
.header {  padding: 10px;  text-align: center;  background: white;  height: 100px;}

/* Style the top navigation bar */
.topnav {  overflow: hidden;  background-color: #ccffff;}

/* Style the topnav links */
/*.topnav a {  float: left;  display: block;  color: black;
  text-align: center;  padding: 14px 16px;  text-decoration: none;}*/


.leftnav {  float: left;  overflow: hidden;  background-color: #cff;}
.midnav {  float: left;  overflow: hidden;  background-color: #cff;}
.rightnav {  float: left;  overflow: hidden;  background-color: #cff;}

/* Create three equal columns that floats next to each other */
/* Left column */
.leftcolumn {     float: left;  width: 33.33%;}
/* Middle column */
.middlecolumn {   float: left;  width: 33.33%;}
/* Right column */
.rightcolumn {  float: left;  width: 33.33%;}
/* Clear floats after the columns */
.row::after {  content: "";  display: table;  clear: both;}

/* Clear floats after the columns */
.row::after {  content: "";  display: table;  clear: both;}

/* Footer */
.leftfoot { float: left;  width: 25%;  height: 100px;  text-align: left;  background: #ddd;  margin-top: 20px;}
.midfoot {  float: left;  width: 50%;  height: 100px; text-align: left;  background: #ddd;  margin-top: 20px;}
.rightfoot { float: right;  width: 25%;  height: 100px;  text-align: right;  background: #ddd;  margin-top: 20px;}


/* On screens that are 800px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {  .topnav a {    float: none;    width: 100%;}  }

/* Responsive layout - when the screen is less than 800px wide, make the three navs stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {  .leftnav, .midnav, .rightnav {       width: 100%;    padding: 0;  }}

/* Responsive layout - when the screen is less than 800px wide, make the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {  .leftcolumn, .middlecolumn, .rightcolumn {       width: 100%;    padding: 0;  }}

/* On screens that are 800px wide or less, make the three footers stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {  .leftfoot, .midfoot, rightfoot  {width:100%;}  }