}

.social-link {
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    border-radius: 50%;
    transition: all 0.3s;
    font-size: 0.9rem;
}

.social-link:hover, .social-link:focus {
    background: #ddd;
    text-decoration: none;
    color: #555;
}
.mydiv{
    background-color: #F4F4F4
}

@media screen and (min-width: 768px){
    .my_card{min-height: 280px;margin-left: 1.8rem}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
     .my_card{min-height: 280px;margin-left: 1.8rem}
}

@media screen and (min-width: 1224px){
  .my_card{min-height: 270px;margin-left: 1.8rem}
}