*{box-sizing: border-box; }


.justify{text-align: justify;}

.header-section-1, .page-footer{background: #266150;}
.navbar{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); width: 100%;}
.navbar-toggler{border: none;}
.navbar-toggler:focus{box-shadow: none;}
.nav-item{margin-left: 10px;}
.nav-item:hover{background: #df4c73;}
.nav-link{text-decoration: none; color: #565251;}
.nav-link:hover{color: #FCF8F7;	}
.dropdown-menu{border: none;}


#carouselEnviroment{max-height: 420px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); height: auto; width: auto;overflow: hidden;}

.carousel-caption{
	position: absolute;
	left: 15%;
	right: 15%;
	bottom: 5%;
	top: 30%;
}


#noticeBoard{
	min-height: 420px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.revenue-sources{	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}


.card{
	border: none;
	margin: 0 10px;
	padding: 20px 10px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	color: #581845;
}


.table > :not(caption) > * > *{
	border-bottom: none;
}

.main-section-3 > .card-group{
	display: flex;
	flex-wrap: wrap;
}

.main-section-3 > .card-group > .card{
	flex: 1 0 21%;
	margin: 5px;
	max-width: 25%;
}

main{
	min-height: 50vmax;
}


@media only screen and (max-width: 768px) {
	.nav-item{margin-left: none;}
	
	#carouselEnviroment{max-height: 420px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); overflow:hidden !important;}
	
	#noticeBoard{margin-top: 15px;}

	
	.main-section-3 > .card-group > .card{
		flex: 1 0 30%;
		margin: 5px;
		max-width: 35%;
	}
}

@media only screen and (max-width: 425px) {	
	
	
	.main-section-3 > .card-group > .card{
		flex: 1 0 95%;
		margin: 5px;
		max-width: 100%;
	}
	
	.administration_members > img{
		margin: auto;
	}


}