.pad {
  padding-top:4.5rem;
  width:90%;
  margin: auto;
}

.g-card {
  box-shadow: rgba(46, 61, 73, 0.15) 8px 10px 20px 0px;
    box-sizing: border-box;
    color: rgb(82, 92, 101);
  border-radius: 6px 6px 6px 6px;
  caret-color: rgb(82, 92, 101);
    background: rgb(255, 255, 255) none repeat scroll 0% 0% / auto padding-box border-box;
  border-top: 3px solid #02b3e4;
}
.g-card, h4, p{
  text-align:center;
}
.g-card img {
  box-shadow: rgba(46, 61, 73, 0.15) 8px 10px 20px 0px;
  border-radius: 50% 50% 50% 50%;
  margin: -30px auto auto auto;
  
  width: 20%;
  justify-content: center;
 
}


.pad.hide-on-med-and-up .g-card{
  margin-top:1rem;
  margin-bottom:2rem;
}

@media screen and (max-width: 767px) {
  .g-card {
    margin-left: 2.8%;
    margin-top: 3%;
    width: 46%;
  }
  .g-card {
    height: 285px;
  }
  .disenoweb{
    padding-top: 60px;
  
    
   }
 
}

@media screen and (max-width: 480px) {
  .g-card {
    width: 100%;
  }
  .g-card {
    height: 260px;
  }
  .disenoweb{
    
    padding-top: 70px;
    max-height: 300px;
   
    
   }
   
}
  
.disenoweb{
 width: 100%;
 padding-top: 85px;
 max-height: 710px;

filter:opacity(75%);

 
}