html{
  height:100%;
}
body{
  font-family:'Alegreya', serif;
  font-weight:400;
  font-size:1.1rem;
  line-height:1.5rem;
  height:100%;
  width:100%;
  margin:0;
}
.grid{
  width: 100%;
  margin:0;
  padding:0;
  display: grid;
  grid-template-areas: "a a a";
  grid-gap: 0px;
  grid-auto-rows: 1fr;
}

div{
  height:auto;
  /* min-height:300px; */
}
div div div{
 position:relative;
  bottom:0;
  height:auto;
  width:100%;
  min-height:200px;
  text-align:center;
}
img{
  max-width: 60%;
  max-height:60%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
p{
  text-align:center;
  margin:20px;
  font-size:1.1rem;
  line-height:1.5rem;
  padding-bottom:10px;
}
div.header{
  background-color:#FFA882;
  grid-column-end: span 3;
  min-height:40px;
}
.header h1{
  color:#FFF;
  font-size:3rem;
  text-transform:uppercase;
  font-family:'Alegreya', serif;
  font-weight:700;
  margin:0;
  padding:30px 20px 20px 30px;
}
.header p{
  text-align:left;
  margin:0;
  padding-left: 30px;
  padding-bottom:20px;
}
.header br{
  display:none;
}
.peach{
  background-color:#FFFFCC;
}
.peach img{
  margin-top:20px;
}
.king{
  background-color:#424242;
  color:#FFF;
}
.king img{
  max-width:35%;
}
.mountain{
  background-color:#BEDEFF;
}
.cdc{
  background-color:#3D798D;
  color:#FFF;
}
.zoo{
    background-color:#FFF0BD;
}
.art, .cnn{
  background-color:#F6F6F6;
}
.business, .airport, .capitol, .fish{
  background-color:#BEDEFF;
}
.fish img{
  max-width:45%;
}
.football{
  background-color:#9DB36D;
}
.football img {
  max-width:35%;
}
.swamp{
  background-color:#666800;
  color:#FFF;
}
.swamp img {
  max-width:55%;
}
.pho{
  background-color:#BAAE8A;
}
.movies{
  background-color:#FCF7C5;
}

.puppets{
  background-color:#FFFF93;
}
.music{
  background-color:#FFF0BD;
}
.record{
  background-color:#FFBFBF;
}

@media (max-width: 680px){
  .grid{
    grid-template-areas: "a";
  }
  .header br{
    display:block;
  }
}

@media (min-width: 681px) and (max-width:1000px){
  .grid{
    grid-template-areas: "a a";
  }
}