:root{
  --mainColor:;
  --mainFontColor:rgba(254,254,254,.85);
  --mainBorder:1.5px solid var(--mainFontColor);
}

#mainBg{
	background-image: url(img/bg.jpg);
}
.mainCover{
	background-color:rgba(34,24,20,0.7);
}

#home{
	background-image: url(img/home.jpg);
}
.homeCover{
    background-color:rgba(37, 112, 18, 0.2);
}
#logo img {
  max-height: 100px;
  max-width: 100%;
  width: auto;
}

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

.mainList li a {
  padding: 5px;
  font-size: 20px;
  user-select: none;
  font-weight: bold;
}

@media only screen and (max-width: 950px){
#logo img {
  max-height: 60px; 

}}

p {
  font-size: 20px;
  text-align: justify;
}
@media only screen and (max-width: 600px){
.homeCover h4 {
    bottom: 3vh;
}
}