/************************************************************/
		/* required styles for Featured Events Footer*/
		/************************************************************/
		
		.events_featured {
			position: fixed;
			z-index: 999;
			bottom: -200px;
			left: 0;
			width:100%;
			padding: 15px;
			background: rgba(0,0,0,0.8);
			-webkit-transition:all .4s ease-in-out;
			-moz-transition:all .4s ease-in-out;
			-o-transition:all .4s ease-in-out;
			-ms-transition:all .4s ease-in-out;
			transition:all .4s ease-in-out
		}
		
		.events_featured.events_featured_show {
			bottom:0px;		
			-webkit-transition:all .4s ease-in-out;
			-moz-transition:all .4s ease-in-out;
			-o-transition:all .4s ease-in-out;
			-ms-transition:all .4s ease-in-out;
			transition:all .4s ease-in-out
		}
		
		.events_featured h5 {
			font-size: 2em;
			color: #fff;
			text-align: center;
			margin: 0 auto 10px auto;
			padding: 0 0 10px 0;
			font-weight: 300;
			font-style: italic;
			border-bottom:solid 1px #fff;
			max-width: 1200px;
			width: 100%;
		}
		
		.events_featured ul {
			display: table;
			max-width: 1200px;
			width: 100%;
			margin: 15px auto 0 auto;
			text-align: center;
		}
		
		.events_featured li {
			list-style: none;
			height: 70px;
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
		
		.events_featured li img {
			height: 70px;
			width: auto;
		}
		/************************************************************/
		/* other screens; restricted by width & height */
		/************************************************************/
		
		@media screen and (max-width: 760px), screen and (max-height: 400px) {
			.events_featured {
				display: none;
			}
		}