.bus-container{display:grid;grid-template-columns:1fr 3fr;border-radius:13px;border:2px solid #2c3e50;text-align:center;vertical-align:middle}li:first-child .bus-container{grid-template-columns:1fr;grid-template-rows:3fr 1fr 2fr;width:8em;min-height:170px;grid-row-end:span 4;justify-self:center;align-self:center}li:first-child .bus-container>.line-number{border-radius:10px 10px 0 0;font-size:2.5em}li:first-child .bus-container>.departure-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}li:first-child .bus-container>.time-to-departure{padding:0 5px}.departure-time,.line-number,.time-to-departure{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.line-number{border-radius:10px 0 0 10px;font-size:1.5em;padding:6px}.departure-time{display:none}.time-to-departure{padding:0 5px;border-radius:0 0 10px 10px}*{-webkit-box-sizing:border-box;box-sizing:border-box}#app{font-family:Montserrat,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}h1{text-align:center}section{max-width:1200px;margin:0 auto}ul{padding:0;display:grid;grid-gap:.5em;grid-template-columns:repeat(auto-fit,minmax(11em,1fr));grid-template-rows:auto;grid-auto-flow:column dense}@media (max-width:980px){ul{grid-auto-flow:row dense}}li{list-style:none;display:contents}