* {
  margin: 0;
  margin: 0;
}
/*header section*/

.bluebg {
  background-color: rgb(40, 82, 101);
}
.bluebg-text {
  text-align: center;
  color: white;
  padding: 20px;
}
/*main section*/

.bannerimage img {
  width: 100%;
}
.first-puppy {
  display: flex;
  justify-content: center;
  padding-top: 100px;
}

.missing-puppy {
  background-color: rgb(255, 0, 106);
  width: 310px;
  height: 310px;
  margin: 0px 5px 0px 5px;
}
.missingtext {
  padding: 60px;
  font-size: 50px;
}
.puppy1 .missing-puppy .puppy2 img {
  width: 100%;
}
.puppy1 .missing-puppy .puppy2 {
  width: 33%;
}

.more-puppies {
  text-align: center;
  font-size: 50px;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  padding-top: 50px;
}

.second-ppuppy {
  display: flex;
  justify-content: center;
  justify-content: space-between;
  padding: 100px;
  padding-left: 150px;
  width: 958px;
}

/*fotter section*/
.fotter {
  background-color: rgb(40, 82, 101);
}
.fotter-text {
  color: white;
  padding: 50px;
  text-align: center;
}