#tiles{display:-ms-grid;display:grid;margin:8px auto;max-width:1238px}
#tiles a{border-radius:2px;box-shadow:0 2px 4px -2px rgba(17,34,68,0.2);color:#fff;display:inline-block;height:201px;position:relative}
#tiles a:nth-child(3n+1){-ms-grid-column:1}
#tiles a:nth-child(3n+2){-ms-grid-column:2}
#tiles a:nth-child(3n+3){-ms-grid-column:3}

#tiles a h1,
#tiles a h2 {
    bottom: 0;
    color: #fff;
    font-family: "Gordita Black", arial, geneva, sans-serif;
    margin: 0;
    padding: 12px;
    position: absolute;
    text-shadow: rgba(0, 0, 0, 0.5) 0 2px 8px;
    width:100%
}
#tiles a h1 span,
#tiles a h2 span {
    display: block;
    font-family: "Inter", verdana, helvetica, sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 21px
}

#tiles a::before{background-image:linear-gradient(to bottom, rgba(35,47,52,0) 0, rgba(35,47,52,0.6) 100%);border-radius:0 2px 2px 0;content:"";display:block;height:128px;position:absolute;bottom:0;width:100%}

@media screen and (max-width:1279px){
    #tiles{grid-gap:4px;-ms-grid-columns:1fr 1fr;grid-template-columns:repeat(auto-fit,minmax(45%,1fr))}
    #tiles a h2{font-size:22px;line-height:25px}
}

@media screen and (min-width:1280px){
    #tiles{grid-gap:8px;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:repeat(auto-fit,minmax(30%,1fr))}
    #tiles a h2{font-size:26px;line-height:29px}
}

#tiles a{background-size:cover;background-position:center center;background-repeat:no-repeat}
#tiles a#tiles-scooters{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/Scooterlasouris.webp")}
/* #tiles a#tiles-scooters{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/videoplaceholder.webp")}*/
#tiles a#tiles-lease{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/website-frontpage-lease.webp")}
#tiles a#tiles-ebikes{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/e-bikes-homepage.webp")}
#tiles a#tiles-festival{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/festivallasouris.webp")}
#tiles a#tiles-onderdelen-belgie{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/onderdelen-belgie.webp")}
/*#tiles a#tiles-elektrische-fiets{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/elektrische-fietsen-voorjaar-2021.jpg")}*/
#tiles a#tiles-elektrische-fatbikes{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/fatbikeslasourisx.webp")}
#tiles a#tiles-onderdelen{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/onderdelen.webp")}
#tiles a#tiles-vestiging{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/lasouriswinkels.webp")}
#tiles a#tiles-service{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/serviceaanvragenlasouris.webp")}
#tiles a#tiles-elektrische-scooter{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/elektrischescooterlasouris.webp")}
#tiles a#tiles-microcar{background-image:url("https://cdn.lasourisscooters.nl/la-souris/images/tiles/homepage/minicar.webp")}

#tiles .homepage-tile span{font-weight:bold}

@media screen and (min-width:500px) {
    #tiles a:hover {
        border: 2px solid #FF6600;
    }

}
/*#tiles a#tiles-aanbiedingen{background-image:url("//cdn.lasourisscooters.nl/la-souris/tiles/elektrisch.jpg")}*/
/*#tiles a#tiles-elektrisch{background-image:url("//cdn.lasourisscooters.nl/la-souris/tiles/elektrisch.jpg")}*/
/*#tiles a#tiles-over-ons{background-image:url("//cdn.lasourisscooters.nl/la-souris/tiles/over-ons.jpg")}*/