#fourboxes a {
    display:block;
    float:left;
    width:25%;
    position:relative;
    overflow:hidden;
}

#fourboxes {
    clear:both;
}

#fourboxes img.fourboxblank {
    width:100%;
}

#fourboxes .fourboximage img {
    width:100%;
}

#fourboxes .fourboximage {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:0;
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    z-index:98;
}

#fourboxes a:hover .fourboximage {
    transform:scale(1.25);
    -webkit-transform:scale(1.25);
}



#fourboxes .fourboxtitle {
    position:absolute;
    left:0;
    bottom:1.5em;
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
    border-bottom:5px solid #534355;
    width:70%;
    margin-left:20px;
    padding-bottom:0.5em;
    z-index:101;
}

.fourboxovershade {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d2d2d+0,2d2d2d+100&0.44+0,0+30,0+59,1+100 */
    background: -moz-linear-gradient(top, rgba(12,12,12,0.44) 0%, rgba(12,12,12,0) 30%, rgba(12,12,12,0) 59%, rgba(12,12,12,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(12,12,12,0.44) 0%,rgba(12,12,12,0) 30%,rgba(12,12,12,0) 59%,rgba(12,12,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(12,12,12,0.44) 0%,rgba(12,12,12,0) 30%,rgba(12,12,12,0) 59%,rgba(12,12,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index:100;
    display:block;
}


/* no IM on IE or AU */
#version_ie.itemid-103 #fourboxes a:last-of-type{
    display:none;
}

#version_ie.itemid-103 #fourboxes a {
    width:33.3333%;
}


/* no Readers on AU */
#version_au.itemid-101 #fourboxes a:first-of-type{
    display:none;
}

#version_au.itemid-101 #fourboxes a {
    width:33.3333%;
}

#version_au.itemid-103 #fourboxes a:last-of-type{
    display:none;
}

#version_au.itemid-103 #fourboxes a:first-of-type{
    display:none;
}


#version_au.itemid-103 #fourboxes a {
    width:50%;
}



@media screen and (max-width: 1000px) {
    #fourboxes a  {
 
        width:50%;
    }
    
    #version_au.itemid-101 #fourboxes a {
        width:100%;
    }
    

}

@media screen and (max-width: 500px) {
    #fourboxes.fourbox2 a  {
 
        width:100%;
    }
    

}