body {
  margin: 0;
  height: 100%;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}

.topbar {
  margin: 0;
  padding: 0;
  background: #333;
  overflow: hidden;
}

.topbar a {
  float: left;
  padding: 14px 16px;
  text-decoration: none;
  color: #f2f2f2;
  font-family: sans-serif;
  font-size: 17px;
  text-align: center;
}

.topbar a:hover {
  background-color: #ddd;
  color: black;
}

.topbar a.active {
  background-color: #75602e;
  color: white;
}

.topbar img {
  float: right;
  max-height: 55px;
}

.bgImg1, .bgImg2, .bgImg3, .bgImg1B, .bgImg2B, .bgImg3B{
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgImg1 {
  background-image: url("./Imgs/CoffeePour.jpg");
  min-height: 100vh;
}

.bgImg2 {
  background-image: url("./Imgs/CoffeeBeans.jpg");
  min-height: 450px;
}

.bgImg1B {
  background-image: url("./Imgs/LibraryCafe.jpg");
  min-height: 100vh;
}

.bgImg2B {
  background-image: url("./Imgs/BeanFarmer.avif");
  min-height: 450px;
}

.bgImg3B {
  background-image: url("./Imgs/BeanFarmer2.avif");
  min-height: 400px;
  background-position: 0 100px;
}

.caption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  color: black;
  font-weight: 600;
  font-size: 20px;
}

.border {
  background-color: #ddddddce;
  padding: 10px;
}

.body1 {
  text-align: justify;
  padding: 50px 80px;
}

.aboutPara {
  width: 50vw;
}

.menuimg {
  width: 80vw;
  text-align: center;
}

.SpinningSandwich {
  width: 40vw;
  text-align: center;
}

.video {
  width: 60vw;
}

.instagram {
  font-family: sans-serif;
  text-decoration: none;
  color: black;
  background-color: #ddddddce;
  font-size: 12px;
  position: fixed;
  bottom: 0;
  right: 0;
}