.topnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:#699fa1;
  position: fixed;
  top: 0;
  width: 100%;
}
  .active {
    background-color: #df7027;
  }
  .topnav li {
    float: left;
  }

  .topnav li a {
    display: block;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size:x-large;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  .topnav li a:hover {
    background-color:#dd8627;
  }
.mainphotos{
  text-align: center;
}
h1 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: center;
  color:#df7027;
}
.list {
  text-align: center;
  color:#df7027;
  font-size: large;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.start{
  color:#df7027;
  font-size: large;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.puppy {
  color:#df7027;
  font-size:large;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
p {
  font-size:large;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  text-align: center;
  color:#dd8627;
}
@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
table, th, td {
  border: 1px solid white;
  border-collapse: collapse;
}
th, td {
  background-color:#c3e5e7;
}
span {
  color:#699fa1;
  font-size: small;
}
#Boba {
  background-color:#699fa1
}
a {
  color:#df7027;
  font-size: large;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.hitlike {
  color:#699fa1;
  font-size: xx-large;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.photos {
  text-align: center;
}
.photos2 {
  text-align: center;
}
.yup p:hover{
  color:#699fa1
}
.bottom {
  background-color:#a5d6d9;
  text-align: center;
}