@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  .broadcast-image {
    width: 10px;
    height: auto;
    vertical-align: top;
  }
  body {
    /*display: flex;*/
    /*justify-content: flex-start;*/
    /*align-items: center;*/
    /*height: 100vh;*/
    margin: 0;
    padding: 0px;
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
  }
  .container {
    background-color: #F1F1F1;
    text-align: center;
font-size:28px;
  }
  
 .no-deps {
    padding: 10px 0;
 }

  .empty-cell{
    display: none;
  }
  .header-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
  }

  .header-row div:nth-child(1){
    font-size: 40px;
  }


  .key-row {
    background-color: #47A035;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 23px;
    padding: 15px 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .key-row div:nth-child(1) {
    width: 10%
  }
  .key-row div:nth-child(2) {
    width: 15%
  }
  .key-row div:nth-child(3) {
    width: 60%; 
    min-width: 200px;
  }
  .key-row div:nth-child(4) {
    width: 15%;
    text-align: right;
  }


  .key-row div {
    text-transform: uppercase;
    text-align: left;
    font-size: 27px;
    font-weight: 400;
    
  }

  .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 30px;
    border-bottom: 1px solid #000;
  }

  .row:last-child {
    border: unset;
  }

  .row div{
    text-align: left;
  }

  .row div p {
    margin: 0;
    padding: 0;
  }
  .row div:nth-child(1) {
    width: 10%
  }
  .row div:nth-child(2) {
    width: 15%
  }
  .row div:nth-child(3) {
    width: 60%; 
    min-width: 200px;
  }
  .row div:nth-child(4) {
    width: 15%;
    text-align: right;
    font-weight: bold;
  }


  .flex-table tbody tr td {
    padding: 10px 15px;
    text-align: left;
  }
  tr.station-info-row th:nth-child(1) {
    font-size: 37px;
    text-overflow: unset;
    overflow: initial;
  }
  tr.station-info-row th:nth-child(4) {
    text-align: right;
    vertical-align: initial;
  }

  #swtransit-container {
    width: 100%;
    max-width: 1880px;
  }



@media only screen and (max-width: 1175px) {
  .header-row {
    padding: 10px 15px;
  }

  .header-row div:nth-child(1) {
      font-size: 30px;
  }


    .row div:nth-child(3) {
        width: 50%; 
        min-width: 200px;
    }
    .key-row div:nth-child(3) {
        width: 50%; 
        min-width: 200px;
    }

  .key-row{
    padding: 15px;
  }
  .row {
    padding: 5px 15px;
  }
  .row div{
    font-size: 19px;
  }
  .key-row div {
    font-size: 16px;
  }

}