/* ********************************************************************************************** */
/* **************************          CSS | JC Web & Graphic          ************************** */
/* ********************************************************************************************** */

		/*  This is the intellectual property of JC Web and Graphic. All Rights Reserved.  */		

/* ********************************************************************************************** */

.scroll {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	}

	.scroll img {
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		visibility: visible;
		}

	.scroll img:first-child {
		opacity: 1;
		}

	.scroll img:nth-child(2) {
		opacity: 1;
		transition-duration: .1s;
		transition-timing-function: ease;
		}
		
/* About */
#about .subtitle {
	color: #50E5C0;
	}

#quote {
	color: #696773;
	}

/* Events */
#events li {
	width: 18%;
	margin: 1%;
	font-size: .5em;
	text-align: center;
	list-style-type: none;
	background-color: #50E5C0;
	float: left;
	}

	#events a {
		width: 100%;
		text-decoration: none;
		color: #ffffff;
		}

	#events li:hover {
		background-color: #3A3940;
		color: #f26da5;
		outline: 1px solid #3A3940;
		}

/* Specials */
	#specials li {
	width: 95%;
	margin: 1%;
	padding: 1.5%;
	color: #f26da5;
	list-style-type: none;
	line-height: .65em;
	}

/* ********************************************************************************************** */
/* ****************************          BreakPoint | 700px          **************************** */
/* ********************************************************************************************** */
@media only screen and (min-width: 700px) {
	#events li {
		font-size: .7em;
		}
}