.beursagenda .month{
  text-transform:uppercase;
  padding-top:40px;
}
.beursagenda .item:hover .date {
  background: #53AF31;
}
.beursagenda .item:hover .info h3 a{
  color:#53AF31;
}
.beursagenda .date .number{
  clear: both;
  color: #FFF;
  width: 100%;
  text-align: center;
  font-size: 34px;
}
.beursagenda .date {
  background: #53AF31;
  overflow: hidden;
  max-width: 85px;
  text-align: center;
  float: left;
  padding: 15px 0 10px 0;
}
.beursagenda .date .month {
  text-transform: uppercase;
  color: #FFF;
  padding: 5px 0 0 0;
  font-size: 18px;
  text-align: center;
  width: 100%;
}
.beursagenda .item {
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
}
.beursagenda em{
  color: #FFF;
  margin-bottom: 10px;
  display: inline-block;
}
@media only screen and (max-width: 990px) and (min-width: 768px){
  .beursagenda .dateTo, .beursagenda .dateFrom{
        display: inline-block;
        float: left;
        width: 50%;
      }
   .beursagenda .date{
    max-width:none;
   }
   .beursagenda em{
      color: #FFF;
      margin-bottom: 0;
      display: inline-block;
      float:left;
      height: 0;
   }
}
@media only screen and (max-width: 479px){
  .beursagenda .dateTo, .beursagenda .dateFrom{
        display: inline-block;
        float: left;
        width: 50%;
      }
   .beursagenda .date{
    max-width:none;
   }
   .beursagenda em{
      color: #FFF;
      margin-bottom: 0;
      display: inline-block;
      float:left;
      height: 0;
   }
}