#my #main .grid-item {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin: 0 2% 2% 0;
    padding-left: 0;
    width: 31%;
}
#my #main .grid .grid-item .card {
    margin: 0 auto;
    width: 100%;
}
#my #main .grid .card p.logo {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 0;
}
#my #main .grid .grid-item .card p.logo img {
    max-width: 100%;
    width: 100%;
}
.grid .grid-item .card > * {
    margin: 16px 0;
    padding: 0 20px;
}
.grid .grid-item .card a {
    padding: 0;
}

@media only screen and (max-width: 799px) {

.grid {
  max-width: 100%;
}
#my #main .grid-item {
  background: #fff;
  margin: 0 1% 15px 0; 
  width: 100%;
  float: none;
}

#my #main .grid-item h2{
  margin: 0;
}
#my #main .grid-item h2.title{
  font-size: 110%;
  font-weight: bold;
  margin: 16px 0;
}
}