@media (min-width: 1200px) {
      h1{
        margin-top:1em!important;
      }


     }

    @media (max-width: 767px) {
      h1,h3,h4,h5,.text-paragraph, .alert{
        text-align: center;
        width:100%;
      }


     }
      body{
        background-image:url(/bg.jpg);
        background-position: center center;
        background-size:cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        height:100vh;
        width:100vw;
        padding-top:2em;
        overflow-y:scroll;
      }
      h1,h2,h3,h4{
        color:white;
        background-color: rgba(0,0,0,.7);
        padding:.2em;
        display: inline-block;
        font-weight: bold;
        margin-top:5px;
        margin-bottom:4px;
      }
      h3{
        margin-bottom:.33em;
      }
      .alert-success{
        background-color:rgba(76, 175, 80, 0.7);
        border-radius: 0;
        display: inline-block;
        color:white;
      }
      .alert-warning{
        background-color:rgba(255, 198, 4, 0.7);
        border-radius: 0;
        display: inline-block;
        color:white;
      }
      .alert-info{
        background-color:rgba(4, 130, 255, 0.7);
        border-radius: 0;
        display: inline-block;
        color:white;
      }
      table{
        background-color: rgba(255, 255, 255, 0.91);
        color:rgba(0,0,0,0.87);
      }
      .non-series{
            color: rgba(0, 0, 0, 0.75);
            font-style: italic;
        }
        .text-paragraph{
              padding: 1em;
              width:100%;
    background-color: rgba(255, 255, 255, 0.79);
    color: rgba(0, 0, 0, 0.87);
    display: inline-block;
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  margin-bottom:.33em;
        }
        .micro{
          width:1px;height:1px;margin:0;padding:0;
        }
        .text-paragraph > strong{
          text-transform: uppercase;
          font-size: 120%;
        }

.card, .cardy, .panel {
  border-radius: 2px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

  footer{
    padding: 2em 0;
    background-color: rgba(0, 0, 0, 0.27);
    color: rgba(255, 255, 255, 0.82);
    margin-top:1em;
}
footer a{
      color: rgba(151, 209, 255, 0.87);
}
footer a:hover{
      color: rgba(255, 255, 255, 0.87);
}
table.schedule th{
  background-color:#2196f3;
  border-color:#2196f3;
  color:white;
}
table.schedule thead tr{
  background-color:#2196f3;
  border-color:#2196f3;

}
table .label.pull-right{
  margin-top:4px;
}

.schedule-note{
  text-transform: uppercase;
  font-size: 80%;
  background-color:blue;
  color:white;
}
.state-nj,
.state-ct,
.state-pa,
.state-ma,
.state-ny{
  display: block;
  float:right;
  text-align: center;
  width:3em;
  padding:.1em;
  background-color:#2196f3;
  color:white;
  font-family:monospace;
  font-weight:bold;
  border-radius: 3px;
}

.state-ct{
  background: linear-gradient(to bottom, #61a6ff 0%,#c9e1ff 43%,#f8f9f2 98%);
  color:#1f417e;
}
.state-pa{
  background: linear-gradient(to bottom, #1f417e 0%,#1f417e 20%,#ffffff 21%,#ffffff 79%,#f5cb00 80%,#f5cb00 98%);
  color:#1f417e;
}
.state-nj{
  background: linear-gradient(to bottom, #ffe941 0%,#fff8cf 98%);
  color:black;
}
.state-ny{
  background: linear-gradient(to bottom, #0c295d 0%, #0c295d 19.5%,#fab335 20%,#fab335 93%,#0c295d 93.5%);
  color: #0c295d;
}
.state-ma{
  background-color:white;
  color:black;
}
.thumbnail{
  margin:4px;
}
.track-name{
  font-size:1.35em;
}