custom.css
header{
	background: no-repeat center center;
	background-size: cover;
	color: white;
}


body{
	background-image: url("polygons-bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.maxene{
	background-image: url("green-header1.png");
	
}

.card{
	border-color: #004C46;
	position: relative;
	overflow: hidden;
}

.card:hover{
transform:scale(1.05);

}

.card-body{
	text-align: justify;
}

.navbar-light, 
.navbar-toogler{
	color: #14603A;
	border-color: #14603A;

}

.navbar-light, 
.navbar-toogler :hover{
	color: #14603A;
	border-color: #14603A;
}

.color-overlay{
	background-color: rgb(0, 0, 0, 0.4);
	min-height: 60vh;
}

.singleCol{
	max-width: 750px;
}

.lead{
	text-align: justify;
}

p{
	text-align: justify;
}


footer{
	background-color: #14603A;
	color: white;

}
footer a{
	color: rgb(241, 239, 239);
}

@media (max-width: 768px) {
{

.color-overlay{
	min-height:60vh;
}

.row{
	color: black;
	border-radius: 50px;
}


.nav-item{
	margin-left: 2.15em;
}
