#amk-comm.mdl-card {
    background: url('http://www.ata.sg/wp-content/gallery/ang-mo-kio-hub/ang-mo-kio-2.jpg') center / cover;
}

#bedok-comm.mdl-card {
    background: url('https://upload.wikimedia.org/wikipedia/commons/5/5d/Bedok_Town_Centre,_Aug_06.JPG') center / cover;
}

#bt-comm.mdl-card {
    background: url('http://4.bp.blogspot.com/-R9VH_qdHLGs/UHRFznuXL2I/AAAAAAAASmk/I68_dgXt1lk/s1600/05+Fried+Hokkien+Prawn+Mee+%2528%25E5%2588%25A9%25E5%2585%25B4%25E7%25A6%258F%25E5%25BB%25BA%25E8%2599%25BE%25E9%259D%25A2%2529+%2540+Bukit+Timah+Food+Centre+%255BSingapore%255D+%2528Large%2529.JPG') center / cover;
}

.mdl-card {
    min-height: 120px;
    height: 100%;
    width: 95%;
    margin: auto;
    margin-top: 10px;
    filter: contrast(1.1) saturate(1.5);
}

.mdl-card__title {
    margin: auto;
    font-weight: bolder;
    color: white;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 5px;
}

.district-grid {
    width: 95%;
    padding: 0;
    margin: auto;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    align-content: flex-start;
}

.district-grid>div {
    padding: 5px;
    width: 145px;
    height: 145px;
    margin: 10px;
    line-height: 145px;
    color: #fff;
    font-weight: 700;
    font-size: 2em;
    text-align: center;
    border-radius: 50%;
    background: black;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 1);
}

.district-grid>div:nth-child(1) {
    background: url('https://upload.wikimedia.org/wikipedia/commons/f/f9/Marina_Bay_Sands_in_the_evening_-_20101120.jpg') center / cover;
}

.district-grid>div:nth-child(2) {
    background: url("http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,h_900,w_1200/hczzsk77vjeuebqo86nk.jpg") center / cover;
}

.district-grid>div:nth-child(3) {
    background: url('http://d22ir9aoo7cbf6.cloudfront.net/wp-content/uploads/sites/2/2015/02/Tiong-Bahru_HR_04.jpg') center / cover;
}

.district-grid>div:nth-child(4) {
    background: url('http://photos.wikimapia.org/p/00/00/42/28/76_big.jpg') center / cover;
}

.district-grid>div:nth-child(5) {
    background: url("http://www.propertyhunt.sg/wp-content/uploads/2016/01/clementi-hdb.jpg") center / cover;
}

.district-grid>div:nth-child(6) {
    background: url("https://media-cdn.tripadvisor.com/media/photo-s/0b/44/ef/7e/premier-inn-singapore.jpg") center / cover;
}

.district-grid>div:nth-child(7) {
    background: url("http://farm2.static.flickr.com/1222/1424293104_e3bd6da7ec.jpg") center / cover;
}

.district-grid>div:nth-child(8) {
    background: url("http://static.asiawebdirect.com/m/phuket/portals/www-singapore-com/homepage/top10/top10-attractions-little-india/pagePropertiesImage/top5-attractions-little-india-1200.jpg") center / cover;
}

.district-grid>div:nth-child(9) {
    background: url("http://www.yoursingapore.com/see-do-singapore/places-to-see/orchard/_jcr_content/par-carousel/carousel_detailpage/carousel/item_2.thumbnail.carousel-img.740.416.jpg") center / cover;
}

.district-grid>div:nth-child(10) {
    background: url("https://www.bukittimahshoppingcentre.sg/wp-content/uploads/2016/07/Singapore-bukit-timah-shopping-centre.jpg") center / cover;
}

.district-grid>div:nth-child(11) {
    background: url("http://www.businesstrust.sg/wp-content/uploads/2014/06/health-city-novena-b090913-1.jpg") center / cover;
}

.district-grid>div:nth-child(12) {
    background: url("http://comesingapore.com/pic/load_op/1549") center / cover;
}

.district-grid>div:nth-child(13) {
    background: url("https://sg1-cdn.pgimgs.com/property/199/PPHO.2041.V550.jpg") center / cover;
}

.district-grid>div:nth-child(14) {
    background: url("http://img.timeinc.net/time/photoessays/2008/singapore_10/geyland.jpg") center / cover;
}

.district-grid>div:nth-child(15) {
    background: url("https://s-media-cache-ak0.pinimg.com/originals/de/db/b1/dedbb13b36b193f9a20a41f6f3f9eac1.jpg") center / cover;
}

.district-grid>div:nth-child(16) {
    background: url("https://www.rentinsingapore.com/blogs/wp-content/uploads/2013/06/Capture1.jpg") center / cover;
}

.district-grid>div:nth-child(17) {
    background: url("https://i.ytimg.com/vi/B4DyO5xWR1o/maxresdefault.jpg") center / cover;
}

.district-grid>div:nth-child(18) {
    background: url("http://www.hdb.gov.sg/cs/infoweb/img/our-towns-tampines-1.jpg") center / cover;
}

.district-grid>div:nth-child(19) {
    background: url("https://sg2-cdn.pgimgs.com/listing/19253901/UPHO.56442723.V800/serangoon-garden-below-value-Hougang-Punggol-Sengkang-Singapore.jpg") center / cover;
}

.district-grid>div:nth-child(20) {
    background: url("https://blog.popety.com/wp-content/uploads/2016/12/bishan-HDB.jpg") center / cover;
}

.district-grid>div:nth-child(21) {
    background: url("http://res.cloudinary.com/hrscywv4p/image/upload/c_limit,h_900,w_1200/hsokwbhzgmff4s9apoln.jpg") center / cover;
}

.district-grid>div:nth-child(22) {
    background: url("https://upload.wikimedia.org/wikipedia/commons/7/77/Chinese_Gardens_(8058600224).jpg") center / cover;
}

.district-grid>div:nth-child(23) {
    background: url("https://temasektimes.files.wordpress.com/2012/04/bplrt02.jpg") center / cover;
}

.district-grid>div:nth-child(24) {
    background: url("https://usimages.detik.com/content/2015/03/11/297/142002_durianmalaycover.jpg") center / cover;
}

.district-grid>div:nth-child(25) {
    background: url("http://www.flowcreteasia.com/media/59609/singapore-race-header-1.jpg") center / cover;
}

.district-grid>div:nth-child(26) {
    background: url("http://www.propertytops.com/wp-content/uploads/6-upper-thomson-482x2981.jpg") center / cover;
}

.district-grid>div:nth-child(27) {
    background: url("http://www.valore.sg/Valore/wp-content/uploads/2014/06/nine-residences-junction-9-northpoint-shopping-centre.jpg") center / cover;
}

.district-grid>div:nth-child(28) {
    background: url("https://cache.travelfish.org/blogs/singapore/wp-content/uploads/2014/02/Seletar-a.jpg") center / cover;
}

.mdl-card>ul {
    margin: 0;
    padding: 0;
}

.mdl-card>ul>li {
    list-style: none;
}

.mdl-card>ul {
    border-top: 1px solid rgba(0, 0, 0, .1);
}

button.mdl-button.mdl-js-button.mdl-js-ripple-effect {
    width: 100%;
}
