body {  background-color: Cyan;}
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;}


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


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

/* 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;  }}