div.gallery {
   margin: 10px 5px 10px 5px;
    border: 1px solid #ccc;
    float: left;
    width: auto;

}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 5px;
    text-align: center;
}

div.front {
    width: auto;
    float: left;
      margin: 10px 5px 10px 5px;
}

div.front:hover {
    border: 1px solid #777;
}
div.front img {
    width: 132px;
    height: 200px;
}
div.front desc {
    padding: 5px;
    text-align: center;
    font-size:x-small;
}
div.tutor {
    margin: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    float: left;
    width: auto;
}

div.tutor:hover {
    border: 1px solid #777;
}
div.tutor img {
    width: 100%;
    height: 155px;
}
div.tutor desc {
    padding: 5px;
    text-align: center;
}