: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.5);
}

#home{
	background-image: url(img/home.jpg);
}
.homeCover{
    background-color:rgba(64,33,15,0.5);
}
@media screen and (max-width:1024px) {
  #home {
    height: 50vw;
  }
}


#about.aboutflex article{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#about.aboutflex article h3, #about.aboutflex article h2{
	width: 100%;
}
#about article h2{
	border-bottom:dotted 1px #FFF; 
}
#about.aboutflex article img{
	width: 30%;
	height: auto;
	margin-right: 5%;
}
#about.aboutflex article div{
	width: 65%;
}
.menuItem ol li span{
	position: relative;
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 15px;
}
@media only screen and (max-width: 770px) {
	#about.aboutflex article img{
		width: 100%;
		max-width: 350px;
		margin:0 auto 20px auto;
	}
	#about.aboutflex article div{
		width: 100%;
	}
}

@media only screen and (max-width: 770px){
  #menu_m > div{
    width: 100%;
  }
}
header{
	height: 80px;
}
.navBar{
	height: 25px;
	width: 25px;
}