body{
    font-family: 'Noto Serif', serif;
    
}
ul a:hover{
  color: #2E4211 !important;
}
nav li{
    text-align: center;
    text-transform: uppercase;
}
#navbarTogglerDemo02 ul li a{
	color:black;
	font-weight:500;
	font-size:17px;
}
li > a:after{
    content: '';
    display: block;
    height: 1.5px;
    background: #2E4211;
    transform: scaleX(0);
    transition: transform .3s;
}
li > a:hover:after{
    transform: scaleX(1);
    transition: transform .3s;
}
.active{
    color: #2E4211 !important;
}
#span1{
	margin-top:-20px;
	color:#2E4211;
	font-weight:600;
	font-size:25px;
	font-style:italic;
}
#span2{
	margin-top:40px;
	margin-left:-460px;
	color:#2E4211;
	font-weight:600;
	font-size:20px;
	font-style:italic;
}
@media (max-width:600px){
	#span1{
		display:none;
	}
	#span2{
		display:none;
	}
	.logo{
		height:80px;		
	}
	#navbarTogglerDemo02{
		z-index:999;
		background-color:white;
		height:300px;
	}
	
}
.logo{
	height:100px;
	width:auto;
}