body{
  padding-bottom: 150px;
  font-family: 'Helvetica Neue', sans-serif;
}

h4{
  font-weight: 400;
}

.event-title{
  text-align: center;
  padding-bottom:10px;
}

.session{
  margin-top:60px;
}

.session h3{
  padding-left: 20px;
  font-weight: 300;
  font-size: 1.3em;
  letter-spacing: .2px;
}
.logo {
  width: 12%;
  display: block;
  margin: 0 auto;
  filter: invert(1);
  padding: 10px;
}
.logo-wrapper {
  background: #000;
  width: 100%;
  position: fixed;
  height: 50px;
  top: 0;
}

li{
  list-style: circle;
  padding:8px 0;
}


span{
  padding:2px 4px;
  color:#fff;
  border-radius:8px;
  font-size: .8em;
}

.yellow{
  background: yellow;
  color:#000;
}

.purple{
  background: #b24fb2;
}

.green{
  background: green;
}

.blue{
  background: blue;
}

.red{
  background: red;
}


@media screen and (max-width: 600px){
  .logo {
    width: 50%;
  }  
}