*{
    font-family: Cambria;
}
body{
    background-color: mistyrose;
}
header, footer{
    height: 200px;
    text-align: center;
    overflow: hidden;
}
section{
    background-color: plum;
    height: 400px;
    margin: 5px;
    box-shadow: 4px 4px 10px dimgray;
    overflow: hidden;
    float: left;
}
@media screen and (max-width: 799px) {
  section {
    width: 100%;
  }
}

@media screen and (min-width: 801px) {
  section {
    width: 22%;
  }
}



h2{
    text-align: center;
}
input[type="submit"]:hover{
    background-color: #505050;
    color: white;
}
footer{
    clear: both;
}