:root {
  --mainColor: ;
  --mainFontColor: rgba(44, 44, 83, 0.85);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

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

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

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

.homeCover {
  background-color: rgba(255, 255, 255, 0.2);
}



#sns ul li a {
  filter: brightness(0);
}

h3,
h2 {
  font-weight: bold;
  text-align: center;
  letter-spacing: 5px;
}

li,
p,
a {
  font-weight: normal;
  text-align: center;
  letter-spacing: 2px;
}

.mainList li a {
  font-weight: normal;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}

.roomTypeText p {
  font-size: 18px;
}

#about p {
  font-size: 18px;
}

a:hover {
  color: rgb(34, 146, 34);
  font-weight: bold;
}

.homeCover h4 {
  bottom: 15vh;
  letter-spacing: 3px;
}


@media screen and (max-width:1024px) {
  #home {
    height: 50vw;
  }

  .homeCover h4 {
    opacity: 0;
  }

  #logo img {
    opacity: 0;
  }
}