body {
  background:#616161;
}
body .announcements-container {
  width:100%;
  background:#f5f5f5;
  overflow:hidden;
  display:inline-block;
  font-family:"PT Sans", sans-serif;
  height:30px;

}

body .announcements-container:hover {
  box-shadow:0 4px 16px 0 rgba(0, 0, 0, 0.2);
}

body .announcements-container .container-title {

  padding:5px 5px;

  overflow:hidden;
  background:#03a9f4;
  text-align:center;
  font-size:13px;
  text-transform:uppercase;
  color:white;
  letter-spacing:1px;

}

body .announcements-container ul.announcements {
  width:67%;
  float:left;
  height:30px;
  overflow:hidden;
  list-style-type:none;
  vertical-align:middle;
}
body .announcements-container ul.announcements li {
  width:100%;
  overflow:hidden;
  font-size:14px;
  margin:-6px 0 0 0;
  vertical-align:middle;
  padding:0;
  line-height:40px;
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body .announcements-container ul.announcements li a {
  width:100%;
  text-decoration:none;
  color:#212121;
  -webkit-transition:color 0.5s ease-out;
  -moz-transition:color 0.5s ease-out;
  -o-transition:color 0.5s ease-out;
  transition:color 0.5s ease-out;
}
body .announcements-container ul.announcements li a:hover {
  color:#03a9f4;
}
body .announcements-container ul.announcements li a:visited {
  color:#616161;
}