*{
margin: 0px;
padding: 0px;
}

.nav-item .nav-link{
font-size: 17px;

}
header{
  position: sticky;
  top: 0px;
  left:0;
  background-color: white;
  z-index: 987765;
}
.nav-item .nav-link:hover{
cursor: pointer;
border-top: 3px solid skyblue;
color: blue;
}

.demo{
float: right;
margin-bottom: 150px;
font-size: 50px;
font-weight: bold; 
text-shadow:0px 5px 0px blue;
}

@media(max-width:667px){

.demo{
font-size: 30px;
text-align: center;
padding-top: 50px;
/*		display: none;*/
}


}


/*about pages*/

.bg{
	height: 450px;
	width: 100%;
	background-image: url('https://www.sjcpl.in/wp-content/uploads/2016/09/Misc-1-1.jpg');
	background-attachment: fixed;
	background-size: 90% 100%;
}

.bg1{
  height: 450px;
  width: 100%;
  background-image: url('https://www.sjcpl.in/wp-content/uploads/2016/09/team.jpg');
  background-attachment: fixed;
  background-size: 90% 100%;
}

.bg2{
  height: 450px;
  width: 100%;
  background-image: url('https://www.sjcpl.in/wp-content/uploads/2016/09/office-pic.jpg');
  background-attachment: fixed;
  background-size: 90% 100%;
}

@media(max-width:1000px){

	.about_span{
		visibility: hidden;
/*		background-color: red;*/
	}
	.bg{
		height:500px;
	}
  .bg1{
    height: 780px;
  }
}




 

  @keyframes fadeInFromTop {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }



  .team-social{
    margin-top: 10px;
  }
 

  .card_about {
    
    transition: transform 0.3s ease-in-out;
  }

  .card_about:hover {
    transform: translateY(-5px);
    cursor: pointer;

  }

  .card_about.fade-In {
    animation: fadeInFromTop 0.5s ease-in-out;
  }

  /*.team-item1.fade-In {
    animation: fadeInFromTop 0.5s ease-in-out;
  }
*/
  /* Custom CSS Animation */
  @keyframes fadeInFromTop {
    0% {
      transform: translateY(-100%);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }


  .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
/*  background-color:#006BA1 ;*/
background-color: rgba(30, 139, 196, 0.8);
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: .3s ease;
  border-radius: 20px;
}
z
  
.card_about {
  position: relative;
  width: 100%;
  height:60%;
  border-radius: 50%; 
}

.card_about:hover .overlay {
  transform: scale(1);

}

.team-social {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.team-social p{
	font-size: 17px;
	line-height: 1.6;
	text-align: center;
	padding: 0px;
}