about.css

html, body {
  font-family: Josefin Slab;
  font-size: 30px;
  background-color: #f5efe5;
}

.main-nav-bar {
  background: none;
  background-size: cover;
}

.main-nav-bar a, .main-nav-bar a:visited {
  color: black;
}

#top-section {
  background-image: url("img/about/background-1.png");
  background-size: cover;
  padding-bottom: 30%;
}

#our-story {
  display: flex;
  margin-top: 2%;
  justify-content: space-between;
}

#our-story img {
  margin-left: 5%;
  background-image: url("img/about/image-back.png");
  padding: 20px 0px 55px 50px;
  background-size: cover;

}

#our-story div {
  margin-left: 5%;
  margin-right: 3%;
}

#our-story p {
  font-family: "Cutive Mono";
  font-size: 24px;
  width: 40%;
}

#find-us {
  padding-left: 10%;
  padding-bottom: 40%;
  padding-top: 10%;
  background-image: url("img/about/background-2.png");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#find-us div {
  margin-top: 10%;
  width: 50%;
}

#find-us h2 {
 font-size: 60px;
}


#find-us p {
  font-size: 40px;
}

#find-us img {
  margin-right: 10%;
  margin-top: 25%;
  width: fit-content;
  height: fit-content;
}