:root {
  --mainColor: ;
  --mainFontColor: #ffffff;
  --mainBorder: 1.5px solid var(--mainFontColor);
}

#mainBg {
  background-image: url(img/bg.jpg);
}

.mainCover {
  background-color: rgba(34, 24, 20, 0.767);
}

#home {
  background-image: url(img/home.jpg);
}

/* .homeCover {
  background-color: rgba(64, 33, 15, 0.5);
} */

.ruruFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  width: 80%;
}

.ruruFlex>div {
  width: 45%;
}

.ruruFlex>div>img {
  max-width: 380px;
}

.proArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 60px;
}

.item3 {
  width: 23%;
  margin: 0 5% 80px 5%;
}

article h3 {
  color: #50e7ec;
}

@media only screen and (max-width: 770px) {
  .ruruFlex>div {
    width: 100%;
  }

  .item2 {
    width: 90%;
    margin: 0 auto 80px auto;
  }

  .item3 {
    width: 90%;
    margin: 0 auto 80px auto;
  }
}