body {
    background: #3498db;
}

/*.cards {
   position: absolute;
   top: 50%;
   transform: translate(0, -50%);
}*/

/*.card {
    
    width: 229px;
    height: 275px;
    border-radius: 5px;
    
    border: 2px solid #FFFFFF;
    display: inline-block;
        margin-right: 26px;
}*/

html, body {
  padding: 0;
  margin: 0;
}
body {
    background: rgba(132,148,149,1);
    background: -moz-linear-gradient(-45deg, rgba(132,148,149,1) 0%, rgba(98,120,142,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(132,148,149,1)), color-stop(100%, rgba(98,120,142,1)));
    background: -webkit-linear-gradient(-45deg, rgba(132,148,149,1) 0%, rgba(98,120,142,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(132,148,149,1) 0%, rgba(98,120,142,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(132,148,149,1) 0%, rgba(98,120,142,1) 100%);
    background: linear-gradient(135deg, rgba(132,148,149,1) 0%, rgba(98,120,142,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#849495', endColorstr='#62788e', GradientType=1 );
}
.container {
  margin: 0 auto;
  width: 100%;
  position: relative;
  top: 48%;
  transform: translateY(-50%);
}
.card {
  background: darkgrey;
  line-height:100px;
  margin:10px;
  height: 70%;
  position:relative;
  text-align:center;
  font-family: Helvetica;
  font-size: 20px;
  color: #FFFBFB;
}
.card .top {
    font-size: 70%;
    height: 70%;
    margin: 0 auto;
}
.card .bottom {
    font-size: 70%;
    width: 70%;
    margin: 0 auto;
}
/*.clip {
  height: 100px;
  overflow: hidden;
  bottom: 0;
}*/
.center .slick-slide {
    height: inherit;
}
.center .slick-center .card {
    box-shadow: 0 6px 26px 0 rgba(0,0,0,0.50);
}
.quickInfo {
    width: 100%;
    height: 100%;
}
.freewayIncidents {
    background: url(public/images/houston_freewayIncidents.jpg);
    background-size: cover;
}
.freewayIncidents .quickInfo {
    background: rgba(255,138,128,0.57);
}
.streetIncidents {
    background: url(public/images/houston_streetIncidents.jpg);
    background-size: cover;
}
.streetIncidents .quickInfo {
    background: rgba(0,135,234,0.57);
}
.stalls {
    background: url(public/images/houston_stalls.jpg);
    background-size: cover;
}
.stalls .quickInfo {
    background: rgba(254,212,29,0.66);
}
.highWater {
    background: url(public/images/houston_highWater.jpg);
    background-size: cover;
    background-position-x: -522px;
}
.highWater .quickInfo {
    background: rgba(255,183,77,0.74);
}
.ice {
    background: url(public/images/houston_icedRoads.jpg);
    background-size: cover;
}
.ice .quickInfo {
    background: rgba(0,137,123,0.68);
}
.roadClosures {
    background: url(public/images/houston_roadClosures.jpg);
    background-size: cover;
}
.roadClosures .quickInfo {
    background: rgba(239,83,80,0.72);
}
/*.center .card {
  opacity:0.8;
  transition: all 300ms ease;
  bottom: 0;
}*/