body, html {
    height: 100%;
	background-image: url(../img/citybg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.navbar{ 
	background:rgba(255, 255, 255, 0.90);
}
.nav-link , .navbar-brand{ 
	color: #597b3a; 
	cursor: pointer;
}
.nav-link{ 
	margin-right: 1em !important;
}
.nav-link:hover{ 
	background: rgba(89, 123, 58, 0.80); 
	color: #f4f4f4; 
}
.navbar-collapse{ 
	justify-content: flex-end;
}
.navbar-toggler{  
	background:#fff !important;
}
.bg-dark{
	background-color:#343a40!important
}
.bg-primary{
	background-color:#597b3a!important
}

/*header style*/
.header{
	min-height: 100%;
	max-width: 100%;
}
.overlay{
	position: absolute;
	min-height: 100%;
	min-width: 100%;
	padding-top: 25px;
	left: 0;
	background: rgba(89, 123, 58, 0.70);
}
.description{
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.70);
}
.description a:link {
	color: rgba(255,255,255, 0.7);
}
.description a:visited {
	color: rgba(255,255,255, 0.7);
}
.description a:hover {
	color: rgba(255,255,255, 0.7);
}
.description a:active {
	color: rgba(255,255,255, 0.7);
}

/*about style*/
.about{
	background-color: rgba(204, 204, 204, 0.9);
	padding-top: 3em;
	padding-bottom: 3em;
	padding-right: .5em;
	padding-left: .5em;
	position: relative;
	min-height: 50%;
}
.about h1{
	color: #597b3a;
}
.about img{
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
.about .desc{
	border-left:2px solid #597b3a;
}
.about .desc h3{
	color: #597b3a;
}
.about .desc p{
	line-height:2;
	color:#333333;
}
.about img{
    border-radius: 50%;
	vertical-align: middle;
}

/*serices style*/
.services{
	background-color: rgba(255, 255, 255, 0.9);
	padding-top: 3em;
	padding-bottom: 3em;
	padding-right: .5em;
	padding-left: .5em;
	position: relative;
	min-height: 50%;
}
.services h1{
	color: rgba(89, 123, 58);
}
.services h5{
	line-height: 2;
	color: rgba(89, 123, 58);
}
.services .desc{
	border-left:2px solid #597b3a;
}
.services p{
	font-size: 1em;
	line-height: 1.45;
	margin: 0;
	text-align: left;
}
.services img{
	max-width: 50%;
	height: auto;
    border-radius: 50%
}
.services ul {
	list-style-type: square;
	list-style-position: outside;
	text-align: left;
  	line-height: 2;
}

/*news style*/
.news{
	background-color: rgba(204, 204, 204, 0.9);
	padding-top: 3em;
	padding-bottom: 3em;
	padding-right: .5em;
	padding-left: .5em;
	position: relative;
	min-height: 50%;
}
.news h1{
	color: #597b3a;
}
.card{
  background-color: rgba(89, 123, 58, 0.3);
  outline-color: rgba(89, 123, 58, 0.9);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

/*contact style*/
.contact{
	background-color: rgba(89, 123, 58, 0.9);
	padding-top: 3em;
	padding-bottom: 1em;
	padding-right: 0em;
	padding-left: 0em;
	position: relative;
	min-height: 50vh;
	max-width: 100vw;
	color: rgba(255, 255, 255, 0.9);
	text-align: center;
}
.contact h1{
	color: rgba(255, 255, 255, 0.9)
}
.contact h5{
	color: rgba(255,255,255, 0.9);
	font-size: 1.5em;
	line-height: 1.45;
	margin: 0;
	text-align: center;
}
.contact a:link {
	color: rgba(255,255,255, 0.9);
}
.contact a:visited {
	color: rgba(255,255,255, 0.9);
}
.contact a:hover {
	color: rgba(255,255,255, 0.9);
}
.contact a:active {
	color: rgba(255,255,255, 0.9);
}