/* Hover Animation for Link-Panels */
	.link-panel , .content-panel, .modal-panel {
		-webkit-animation: hoveroff 1s; /* Chrome, Safari, Opera */ 
		-webkit-animation-fill-mode: forwards;
		animation: hoveroff 1s 1;
		animation-fill-mode: forwards;
	}

	.link-panel:hover, .modal-panel:hover {
		-webkit-animation: hoveron 1s; /* Chrome, Safari, Opera */ 
		-webkit-animation-fill-mode: forwards;
		animation: hoveron 1s 1;
		animation-fill-mode: forwards;
	}

	/* Chrome, Safari, Opera */ 
	@-webkit-keyframes hoveron {
		0%   {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
		100% {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
	}

	/* Standard syntax */
	@keyframes hoveron {
		0%   {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
		100% {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
	}

	/* Chrome, Safari, Opera */ 
	@-webkit-keyframes hoveroff {
		0% {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
		100%   {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
	}

	/* Standard syntax */
	@keyframes hoveroff {
		0% {box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);}
		100%   {box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
	}
/* End Hover Animation for Link-Panels */

/* Media Query for sizing Content-Panels */
	@media screen and (min-width: 768px) {
		.content-panel {
			width: 32%;
			float: left;
			margin-left: 0.6%;
			margin-right: 0.6%;
			height: 120px;
		}
	}
/* End Media Query for sizing Content-Panels */