div.announcement_top {
	position: fixed;
	z-index: 1000;
	top: 7%;
	right: 0;
	background: #fff;
	background-position-x: 95%;
  background-position-y: 5%;
	border: 1px solid #eee;
	width: 450px;
	height: auto;
	box-shadow: #333 0px 0px 40px 0px;
	border-radius: 1px;
	padding: 30px 20px 35px 20px;
	line-height: 1.3;
	font-size: 1.05em;
	display:none;
}
div.announcement_top span.head {
	font-size: 1.4em;
	font-weight: bold;
	color: #ea820a;
	margin-bottom: 15px;
	display: block;
}
div.announcement_top span.close_announcement{
	background: url('https://cas.web.cern.ch/sites/cas.web.cern.ch/themes/cernoverride-master/img/close_icon.png') no-repeat;
	z-index: 1001;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	margin: 10px;
	cursor: pointer;
}
div.announcement_button {
	width: 150px;
  background: #408284;
  color: #fff;
  text-align: center;
  padding: 20px;
  height: auto;
  position: fixed;
  bottom: 0;
	left: 45%;
/*  font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em; */
	border-radius: 2px 2px 0 0;
	cursor: pointer;
	display: none;
	font-weight: 600;
  font-family: "PT Sans Caption",Verdana,Tahoma,"DejaVu Sans",sans-serif;
  font-size: 1.3rem !important;
  letter-spacing: 1px;
  line-height: 1.4;
  text-transform: uppercase;
	z-index: 3000;
	border: 1px solid #fff;
	border-bottom: none;
}
div.announcement_button span {
	color: red;
	font-size: 1.1em;
}
@media screen and (max-width: 493px) {
	div.announcement_top {
		width: 90%;
		top: 1%;
		font-size: 0.9em;
	}
	div.announcement_button {
		left: 0;
	}	
}