.alert-banner {
	height: 34px;
	width: 100%;
	position: fixed;
	z-index: 10001;
	top: -60px;
	padding: 5px 0;
	margin: 50px 0 -20px 0;
	cursor:pointer;
}
		
.alert-banner .wrapper {
	position: relative;
}

.alert-banner p {
	color: #fff;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-shadow: 0 1px 0 #333;
	font-size:13px;
	font-weight:bold;
	margin:5px 0 0 0;
	text-align:center;
}

.alert-banner a{color:#fff;text-decoration: underline;}

.blue{background: url(https://static.ark.org/alert_banner/images/blue-banner-bg.png) repeat-x;}
.red{background: url(https://static.ark.org/alert_banner/images/red-banner-bg.png) repeat-x;}
.yellow{background: url(https://static.ark.org/alert_banner/images/yellow-banner-bg.png) repeat-x;}

@media (max-width: 767px) {
	.alert-banner p {
		font-size:11px;
		font-weight: normal;
	}
	.alert-banner{
		margin-top:150px;
	}
}

@media (max-width: 538px) {
	.alert-banner p {
		font-size:9px;
		font-weight: normal;
	}
	.alert-banner{
		margin-top:200px;
	}
}