/*CRIME ALERT */
i.fa-white{
	color:#fff;
}
#crimescroll{
	background-color:red;
}
#crimescroll a{
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}
.wrapper {
	width: 960px;
	padding-top:5px;
	margin: 0 auto;
}
.marquee {
	width: 960px;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.marquee span {
	position: absolute;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	/*text-align: center;*/
	color: #fff;
	-moz-animation: marquee 5s linear infinite alternate;
	-webkit-animation: marquee 5s linear infinite alternate;
	animation: marquee 5s linear infinite alternate;
}
.marquee span:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}

@-moz-keyframes marquee  {
	0%   { -moz-transform: translateX(70%); }
	100% { -moz-transform: translateX(0%); }
}
@-webkit-keyframes marquee {
	0%   { -webkit-transform: translateX(70%); }
	100% { -webkit-transform: translateX(0%); }
}
@keyframes marquee {
	0%   { 
		-moz-transform: translateX(70%); /* Firefox bug fix */
		-webkit-transform: translateX(70%); /* Firefox bug fix */
		transform: translateX(70%);
	}
	100% { 
		-moz-transform: translateX(0%); /* Firefox bug fix */
		-webkit-transform: translateX(0%); /* Firefox bug fix */
		transform: translateX(0%); 
	}
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrapper{
		width:768px;
	}
	.marquee{
		width:768px;
	}
	.marquee span {
		text-align:center;
		-moz-animation: marquee paused;
		-webkit-animation: marquee paused;
		animation: marquee paused;
	}
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	.wrapper{
		width:320px;
	}
	.marquee{
		width:320px;
	}
	.marquee span {
		text-align:center;
		-moz-animation: marquee paused;
		-webkit-animation: marquee paused;
		animation: marquee paused;
	}
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.wrapper{
		width:480px;
	}
	.marquee{
		width:480px;
	}
	.marquee span {
		text-align:center;
		-moz-animation: marquee paused;
		-webkit-animation: marquee paused;
		animation: marquee paused;
	}
}
