@media screen and (min-width:1700px) and (max-width:2100px){
	.container{max-width:1700px;}
	
}

@media screen and (min-width: 1500px) and (max-width: 1699px){
	.container{max-width:1400px;}
	
}

@media (max-width: 767px){
.mainlogotop{width:80px;}
#hero{padding:0;}
#heroCarousel .container.position-relative{padding:1.5rem 1.2rem!important;}
.hero-bg{background:linear-gradient(to right, rgba(0,0,0,8.0), rgba(20,90,50,0.4));}
.hero-badge{font-size:0.55rem;}

#about, #announcements, #events, #documents, #government, #notifications, 
.gallery-section, #contact{padding:3.4rem 0;}
#footer{padding:2rem 0;}

button.navbar-toggler .bi.bi-list{font-size:37px!important;}
#hero .carousel-item{background-position:top center;}








	
}