.rides-archive{margin:0;padding:120px 0;background:#e8e8e9}
.rides-archive .rides-archive-container{width:90%;max-width:1600px;margin:0 auto;padding:0}
.rides-archive .rides-grid{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.rides-archive .rides-grid .col-1-3{-ms-flex-preferred-size:30%;flex-basis:30%}
.rides-archive .ride-card{margin:0 1.5%;padding:0 0 30% 0;position:relative}
.rides-archive .ride-image{width:70%;margin:0;padding:0 0 70% 0;background-size:cover;background-position:center;border-radius:30px;position:absolute;top:0;left:0;z-index:1}
.rides-archive .ride-details{width:80%;margin:0;padding:0 0 70% 0;background:#FFF;border-radius:30px;position:absolute;bottom:0;right:0}
.rides-archive .ride-title{height:40px;margin:0;padding:0 40px 0 0;color:#000;line-height:40px;position:absolute;bottom:30px;right:30px;text-align:right;background:url("../../assets/img/icon-arrow-diag-blue.svg") no-repeat right;background-size:contain}
@media screen and (max-width:768px){.rides-archive{padding:90px 0 45px 0}
.rides-archive .rides-archive-container{width:auto;margin:0 30px}
.rides-archive .rides-grid{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.rides-archive .rides-grid .col-1-3{-ms-flex-preferred-size:100%;flex-basis:100%}
.rides-archive .ride-card{margin:0 0 45px 0;padding:0 0 90% 0}
.rides-archive .ride-title{bottom:25px}
}