@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,800,900|Hepta+Slab);.center-align{text-align:center;margin-left:auto;margin-right:auto;display:block}.left-align{text-align:left}.right-align{text-align:right}a.button{-webkit-appearance:none;display:inline-block;text-transform:uppercase;font-size:14px;font-weight:700;text-align:center;color:#fff;background:#e1f3f8;padding:12px 20px;border:2px solid transparent;border-radius:6px;margin-top:5px;cursor:pointer;transition:all .455s ease}a.button.loading{opacity:.2}a.button.full-size{width:80%;margin:10px auto;display:block}a.button a{color:#fff;display:block}a.button a:hover{color:#e1f3f8}a.button:hover{background:transparent;color:#e1f3f8;border:2px solid #e1f3f8}a.button:hover a{color:#e1f3f8}a.button.secondary{background:transparent;color:#e1f3f8;border:2px solid #e1f3f8}a.button.secondary:hover{color:#fff;background:#e1f3f8}*{padding:0;margin:0}body{font-family:Montserrat,sans-serif;background-color:#0092d1}.App{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;flex-wrap:wrap;background-size:cover;background-position:50%;max-width:1440px;margin:0 auto}@media(min-width:768px){.dropdowns{width:75vw;flex-flow:row wrap}}@media(max-width:767px){.dropdowns{width:90vw;align-items:center;flex-flow:column wrap}}.header{align-items:center;background-color:#0092d1;color:#e1f3f8;font-size:30px;padding:30px 0}.header,.welcome{width:100%;display:flex;justify-content:center}.welcome{flex-direction:row}.welcome-left{width:50%;padding:120px 60px;background-color:#0092d1;display:flex;align-items:center;flex-direction:column}@media(min-width:300px)and (max-width:767px){.welcome-left{padding:30px 10px}}.welcome-right{width:50%;padding:120px 60px;display:flex;align-items:center;flex-direction:column;background-image:url(/img/bus.jpg);background-size:cover;background-position:bottom}@media(min-width:300px)and (max-width:767px){.welcome-right{padding:30px 10px}}.welcome-title{font-weight:700;font-size:80px;line-height:80px}@media(min-width:300px)and (max-width:767px){.welcome-title{font-size:30px;line-height:30px}}.welcome-description{font-weight:300;font-size:32px}@media(min-width:300px)and (max-width:767px){.welcome-description{font-size:14px}}.main{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-bottom:40px}.main,.main .dropdowns{display:flex;background-color:#fff}.main .dropdowns{width:80%;justify-content:center;border-radius:6px;box-shadow:0 0 24px rgba(0,0,0,.25);padding:30px 0;margin-top:30px;transition:all .455s ease}.main .dropdowns:hover{box-shadow:0 0 24px rgba(0,0,0,.4)}@media(min-width:300px)and (max-width:767px){.main .dropdowns{margin-top:-15px}}.main .dropdown-direction,.main .dropdown-routes,.main .dropdown-stop{margin:10px}.main .predictions{width:80%;min-height:220px;margin-top:30px;display:flex;flex-direction:column}@media(min-width:300px)and (max-width:767px){.main .predictions{width:90%}}.main .predictions.buses{min-height:110px}.main .predictions.buses .prediction{background-color:#005b99}.main .predictions .prediction{background-color:#555;color:#fff;border-radius:6px;box-shadow:0 0 24px rgba(0,0,0,.25);transition:all .455s ease;margin:5px 0;padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.main .predictions .prediction:hover{box-shadow:0 0 24px rgba(0,0,0,.4)}.main .predictions .prediction.blue{background-color:#0092d1}.main .predictions .prediction.red{background-color:#c60e30}.main .predictions .prediction.brn{background-color:#a95a02}.main .predictions .prediction.y{background-color:#ff0;color:#000}.main .predictions .prediction.g{background-color:green}.main .predictions .prediction.loading{background-color:#e2e2e2;min-height:40px}.main .predictions .prediction.due{animation:pulse 2s;animation-iteration-count:infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.main .predictions .prediction .prediction-route-number{font-size:22px;display:flex;flex-direction:column;word-break:break-all}.main .predictions .prediction .prediction-route-number-direction{font-size:15px;font-weight:400}.main .predictions .prediction .prediction-time{font-size:32px;min-width:34%;text-align:right}.main .predictions .predictions-empty{margin:20px}.main .grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;width:100%;margin:10px 0}@media(min-width:767px)and (max-width:1023px){.main .grid{margin-top:10px}}.main .grid .predictions{width:45%;margin:5px}@media(min-width:767px)and (max-width:1023px){.main .grid .predictions{min-height:auto}}@media(min-width:300px)and (max-width:767px){.main .grid .predictions{width:100%}}@media(min-width:767px)and (max-width:1023px){.main .grid .predictions .prediction:not(:nth-child(2)){display:none}}@media(min-width:767px)and (max-width:1023px){.main .grid .predictions .prediction-route-number{font-size:16px}}@media(min-width:767px)and (max-width:1023px){.main .grid .predictions .prediction-route-number-direction{font-weight:300}}.main .current-time{font-size:2em;display:flex;align-items:center;justify-content:space-evenly}.main .current-time .time{min-width:44px;text-align:center}.main .weather{display:flex;align-items:center;justify-content:flex-end}.main .weather-temp{font-size:2em}.main .weather-temp span{font-weight:300}.main .weather-temp-description{font-size:11px}.main .food-schedule{display:flex;flex-direction:column;text-align:center}.main .shortcuts{margin:20px;display:flex;flex-direction:row}.main .shortcuts-button{cursor:pointer;border-radius:6px;background-color:#cc393e;padding:8px 12px;margin:0 5px;color:#fff}