/*CRIME ALERT */
i.fa-white{
	color:#fff;
}
#crimescroll{
	background-color:red;	
}
/* Make it a marquee*/ 
.marquee {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-animation: marquee 5s linear infinite alternate;
	-webkit-animation: marquee 5s linear infinite alternate;
	animation: marquee 5s linear infinite alternate;

}

.marquee a, .marquee a:link, .marquee a:hover, .marquee a:visited {	
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

.marquee:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	color:#fff;
	font-style:bold;
}

@-moz-keyframes marquee {
	0%   { -moz-transform: translateX(60%); }
	100% { -moz-transform: translateX(0%); }
}
@-webkit-keyframes marquee {
	0%   { -webkit-transform: translateX(60%); }
	100% { -webkit-transform: translateX(0%); }
}
@keyframes marquee {
	0%   { 
		-moz-transform: translateX(60%); /* Firefox bug fix */
		-webkit-transform: translateX(60%); /* Firefox bug fix */
		transform: translateX(60%);
	}
	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) {

	.marquee {
		-moz-animation: marquee 0s;
		-webkit-animation: marquee 0s;
		animation: marquee 0s;
		-moz-animation-play-state: paused;
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}

}


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

/* Note: Design for a width of 320px */
.
@media only screen and (max-width: 767px) {
	.marquee {
		-moz-animation: marquee 0s;
		-webkit-animation: marquee 0s;
		animation: marquee 0s;
		-moz-animation-play-state: paused;
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}	

}


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

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

@media only screen and (min-width: 480px) and (max-width: 767px) {

	.marquee {
		-moz-animation: marquee 0s;
		-webkit-animation: marquee 0s;
		animation: marquee 0s;
		-moz-animation-play-state: paused;
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
	}
}