/* [1] The container */
.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.5);
}

#background
{
width:100%;
background:url(../images/s3.jpg)no-repeat;
background-size:contain;/*contain,cover*/
background-attachment: fixed;
background-position: center;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
color:white;
height:500px;
padding:10px;
text-align:center;
margin-bottom:-25px;

}

#logo
{
	width:300px;
}

#background1
{

width:100%;
background:url(../images/fo.jpg)no-repeat;
background-size:contain;/*contain,cover*/
background-attachment: fixed;
background-position: center;
background-size:cover;
padding-top:40px;
padding-bottom:40px;
color:white;
}


#sec1
{
	margin-top:50px;
	font-size:30px;
}



#sec1 h4
{
	
	font-size:25px;
	color:#177549;
}


#sec1 p
{
	color:#177549;
}

#sec2
{
	margin-top:2em;
}


#sec2 h3
{   
	
	font-size:30px;
	color:#177549;
	}
	
	#sec3 h3
	{
		
	    font-size:40px;
		color:#cc2900;
	}
	#sec3 p
	{
		
	    font-size:25px;
		padding-left:10px;
		color:#cc2900;
	}
	
#footer h4, h5, pre, a
	{
		color:white;
	}
	

#text1
{   
   
	background-color:#177549;
	color:white;
	font-size:1.25em;
	padding:2px;
}


	
	#about p
	{
		font-size:18px;
		color:gray;
		text-align:justify;
	}
	
	#con
	{
		padding-top:10%;
	}
	

	
			
@media only screen and (max-width:620px) {
  /* For mobile phones: */
   .carousel-inner{
	   display:none;	
  }
  body
  
	
	
	
  #sec1, #map
  ('display':'none')
  .menu a
  {
  background:pink;
  text-decoration:none;}
}