:root {
  --mainColor: ;
  --mainFontColor: rgb(25, 84, 133);
  --mainBorder: 1.5px solid var(--mainFontColor);
}

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

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

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

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

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

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

h3,
h2 {
  font-weight: 600;
  letter-spacing: 6px;
}

p,
li,
a {
  font-weight: 400;
  letter-spacing: 2px;
}

.newsleft {
  width: 25%;
  margin: auto;
  margin-bottom: 50px;
}

.newsright {
  width: 60%;
  margin: auto;
  margin-bottom: 50px;
}

.mainList li a {
  font-size: 20px;
  color: rgba(54, 58, 114, 0.521);
  font-weight: 600;
}

#picture a {
  box-shadow: 2px 2px 10px rgb(83, 83, 83);
}

@media screen and (max-width:768px) {
  .newsleft {
    width: 80%;
    margin: auto;
    margin-bottom: 0px;
  }

  .newsright {
    width: 80%;
    margin: auto;
    margin-bottom: 50px;
  }

  .roomTypeTitle h3 {
    letter-spacing: 1px;
    text-align: center;
  }

  .roomTypeText p {
    font-size: 14px;
    letter-spacing: 1px;
  }

  .mainList li a {
    color: rgba(255, 255, 255);
  }
}