/*--- ALBUM ---*/
.imageLink.battle{
    background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/battleImg_1200.jpg) no-repeat 0px -220px / cover;
}
.imageLink.meet{
    background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/meetupImg_1200.jpg) no-repeat 0px -250px / cover;
}
.imageLink.com{
    background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/communityImg_1200.jpg) no-repeat center / cover;
}

/*--- 980px ---*/
@media screen and (max-width: 1400px){
    /* ALBUM */
    .imageLink.battle{
        background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/battleImg_1000.jpg) no-repeat 0px -150px / cover;
    }
    .imageLink.meet{
        background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/meetupImg_1000.jpg) no-repeat 0px -180px / cover;
    }
    .imageLink.com{
        background: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/communityImg_1000.jpg) no-repeat center / cover;
    }
}

/*--- 100% < 720px ---*/
@media screen and (max-width: 720px){
    /* ALBUM */
    .imageLink.battle{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/battleImg_720.jpg);
    }
    .imageLink.meet{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/meetupImg_720.jpg);
    }
    .imageLink.com{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/communityImg_720.jpg);
    }
}

/*--- 100% < 500px ---*/
@media screen and (max-width: 500px){
    /* ALBUM */
    .imageLink.battle{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/battleImg_500.jpg);
    }
    .imageLink.meet{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/meetupImg_500.jpg);
    }
    .imageLink.com{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/communityImg_500.jpg);
    }
}

/*--- 100% < 350px ---*/
@media screen and (max-width: 350px){
    /* ALBUM */
    .imageLink.battle{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/battleImg_350.jpg);
    }
    .imageLink.meet{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/meetupImg_350.jpg);
    }
    .imageLink.com{
        background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.2)), url(Resources/Images/Album/communityImg_350.jpg);
    }
}