:root{

  --mainColor:;

  --mainFontColor:#8b2c0c;

  --mainBorder:1.5px solid var(--mainFontColor);

}



#mainBg{

	background-image: url(img/bg.jpg);

}

.mainCover{

	background-color:rgba(255, 231, 221, 0.815);

}



#home{

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

}

.homeCover{

    /*background-color:rgba(64,33,15,0.1);*/

}

.mainList li a{

  color: #FFF;

}

.scollMenu a {

  color: #2e2e2e !important;

}

#news img{

  transform:scale(1,1);transition: all 0.6s ease-out;

  box-shadow: 0 5px 10px 0;

}



#news img:hover{

  transform:scale(1.1,1.1);

  

}

.roomTypeText p{

  font-size:16px ;

}



.roomTypeTitle h2{

  font-size: 20px;

}

*{

  font-weight: normal !important;

}

#sns ul li a{

  filter: brightness(0);

}

article h3{

  text-align: center;

  letter-spacing: 3px;



}

article{

  padding: 100px 0;

}
.btn a{
width: 25%;
padding: 10px;
margin: 10px;
border: solid #8b2c0c 2px;
text-align: center;
}
.btn a:hover{
  background-color: #8b2c0c;
}
#news p{

  text-align: left;

}

.roomType h3{

text-align: center;

}

.roomTypeArea h4{

text-align: left;

font-size: 24px;

}

.roomTypeText p{

  text-align: center;

}

#about h2{

  text-align: center;

}

#about p{

  text-align: center;

  line-height: 3em;

}

#picture a:hover{

  opacity: 85%;

}



@media screen and (max-width:1024px) {

  #home {

    height: 50vw;

  }

  .roomTypeText p{

    font-size:13px ;

  }

  .roomTypeTitle h2{

    font-size: 15px;

  }

}