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

#mainBg{
	background-image: url(img/bg.jpg);
}
.mainCover{
	background-color:rgba(202, 211, 226, 0.24);
}

#home{
	background-image: url(img/home.jpg);
}
.homeCover{
    background-color:rgba(187, 180, 141, 0);
}
.homeCover h4{
  color: #FFF;
}
*{
  font-weight: bold !important;
}
article h3{
  text-align: center;
 }
#about p{
  text-align: center;
  width: 85%;
  margin: auto;
}

li{
  text-align: center;
}


h2{
text-align: center;
font-size: 26px;
}

p{
  text-align: center;
  color:#0A226A;
}
.item2 img{
  border: #f8b117 2px solid;
}
.mainList li a{
  color: #FFF;
}
.scollMenu a {
  color: #051F6B !important;
}

#sns ul li a{
  filter: brightness(0);
}
.box{
  display:flex;
  justify-content:space-between;
}
.box1{
  width: 70%; 
  border: #f8b117 2px solid;
  margin: 5px;
}

.box2{
  width: 50%;
  border: #f8b117 2px solid;
  margin: 5px;

}

.box3{
  width: 70%;
  border: #f8b117 2px solid;
  margin: 5px;

}

@media screen and (max-width:1024px) {
  .item3{
    width: 100%;
  }
  #about p{
    width: 100%;
  }
  .box p{
    font-size: 12px;
  }
  .box{
    flex-wrap: wrap-reverse;
  }
  .box1{
    width: 100%; 
    
    margin: 5px;
  }
  
  .box2{
    width: 100%;
    
    margin: 5px;
  
  }
  
  .box3{
    width:100%;
   
    margin: 5px;
  
  }
}