@media (min-width:641px)  { 
    .mycard {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 10px;
    width: 30%;
    margin: 1%;
    align-self: center;
    
    }
}
.headerimg {
    width: 100px;
    height: 100px;
    
    
}
.sectioncontainer {
    display: flex;
    justify-content: center;
}
.mycard:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.mycontainer  {
    
    
}


.myimg {
   
    border-radius: 5px;
    width: 100%;
    height: auto;
    margin-top: 4%;

}
.price {
  border: 1px solid gray;
  border-radius: 16px;
  margin-top: 10px;
  padding: 0.40em 16px;

}

.denemedeneme {
    border: 5px solid gray;
}