.fields{
    padding: 4rem 0;
}
.fields .head-rel{
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 2px 5px #dddddd, -2px -2px 5px #dddddd;
}
.fields .rel .photo{
    height: 166px;
}
.fields .rel .photo img{
    height: 100%;
}
.fields .rel{
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 2px 2px 5px #dddddd, -2px -2px 5px #dddddd;
}
.fields .rel p{
    margin: 0;
    text-align: center;
}
.fields .rel .info{
    padding: 10px;
}
@media only screen and (min-width:320px) and (max-width:1200px){
    .fields .rel{
        margin-bottom: 1.5rem;
    }
    .fields .rel .photo {
        height: 250px;
    }
}
@media only screen and (min-width:320px) and (max-width:500px){
    .fields .rel .photo {
        height: 200px;
    }
}