body,
html {
    padding: 0;
    background-color: #ffffff;
    font-family: publik;
    margin: 0 auto;
}
#content {
    width: 100%;
    float: left;
    position: relative;
}

.entry {
    width: 25%;
    overflow:hidden;
    float: left;
    position: relative;
    padding:0;
    margin-bottom:-4px;
}


.face {
    width: 100%;
    transition: all 0.25s ease-out;
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);

}

.face-gray{
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}
.frontContainer {
    padding-left:5px;
    width:90%;
    position:absolute;
    bottom:3px;
    left:0px;
}




.frontName {
    font-weight: 300;
    font-size: 1em;
    background-color: rgba(51, 51, 51, 0.7);
    margin: 0;
    line-height: 1.3;
display:inline;    
    color:#fff;
    
      box-shadow: 10px 0 0 rgba(51, 51, 51, 0.7), -10px 0 0 rgba(51, 51, 51, 0.7);

}


#name {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 1.3em;
    margin: 0;
    padding: 0 0 0 10px;
}