*{
  padding: 0;
  margin: 0;
 } 
body{
  overflow-x: hidden;
}
.foot{
  background-color:#e3e7f1;
  width: 100%;
}
.fa{
  font-size:30px !important;
  margin-right: 10px;
}

/* above for all css */
 h3{
   font-style:bold;
   font-family:'Times New Roman', Times, serif;

}

.card{
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  /* margin-bottom: 10px; */
  height: 210px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   
}
 .card-text{
    text-align: center;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
 }
 .overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   height: 100%;
   width: 100%;
   opacity: 0;
   transition: .5s ease;
   background-color:#DAF7A6 ;
 }
 
 .card:hover .overlay {
   opacity: 1;
 }

 .text {
   color: white;
   font-size: 20px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   text-align: center;
 }
 .card img{    
   height: 150px;
  animation: shake 0.5s;
}@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
@media only screen and (max-width: 600px) {
  /* .carousel-item img{
      height:200px;
  } */
  .col-sm-2{
      display: none !important;
  }
  form{
      margin-bottom: 10px;
  }
  body{
    overflow-x: hidden;
    }
    .btn{
      margin-bottom:10px;
  }
}