section.slider img {
	width: 100%;
	max-width: 100%;
}

section.slider #slideshowHomeDiv1 {
	width: 100%;
}

.home-content-container {
	background-color: #e3d7c0;
	background-image: url(../images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}

.home-content {
	width: 66.6666%;
}

.sidebar {
	background-image: url(../images/homepage-sidebar-blue-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	width: 33.3333%;
}

.intro {
	background-image: url(../images/homepage-intro-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.intro-title { color: #412e0f; }
.intro-text { color: #614715; }

.stories {
	background-image: url(../images/homepage-stories-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.stories-title { color: #412e0f; }
.story-image {
	float: left;
	width: 33.3333%;
}
.story-summary {
	float: left;
	width: 66.6666%;
	padding-left: 20px;
}
.story-image img { border: 1px solid #000000; }
.story-title a { color: #412e0f; line-height: 1em; }
.story-text { color: #fce6be; }
.story-text a { color: #412e0f; white-space: nowrap; }

.z-button.more-stories {
	color: #debc7c;
	background-color: #906e2a;
	padding: 0.25em 2em;
}


.events {
	width: 100%;
	background-image: url(../images/homepage-sidebar-red-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

.events-title { color: #3e0707; }

.event {
	float: left;
	clear: both;
	width: 100%;
}
.event-date {
	float: left;
	display: inline-block;
	width: 25%;
	text-align: center;
	color: #FFFFFF;
}
.event-month {
	text-transform: uppercase;
	color: #FFFFFF;
}
.event-day {
	color: #ea5a5a;
	line-height: 0.8em;
}
.event-name {
	float: left;
	display: inline-block;
	width: 75%;
}
.event-name a {
	display: inline-block;
	color: #FFFFFF !important;
	text-decoration: none;
}
.z-button.events-more {
	color: #cc6c6c;
	background-color: #510000;
	padding: 0.25em 2em;
}




.facebook-feed {
	width: 100%;
	background-image: url(../images/homepage-sidebar-blue-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}

.facebook-feed-title {
	color: #5a768d;
}


@media screen and (max-width: 1362px) {
	.intro {
		padding: 40px;
	}
	.stories {
		padding: 40px;
	}
	.story-title {
		font-size: 24px;
		line-height: 1em;
		padding-bottom: 10px;
	}

	.z-button.events-more {
		font-size: 24px;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.z-button.more-stories {
		font-size: 24px;
	}
}

@media screen and (max-width: 992px) {
	.events {
		padding: 20px;
	}
}

@media screen and (max-width: 767px) {
	.home-content {
		width: 100%;
		max-width: 100%;
	}
	.home-content .equal {
		height: auto !important;
	}

	.stories-title {
		text-align: center;
	}
	.more-stories-container {
		text-align: center;
	}


	.sidebar {
		width: 100%;
		max-width: 100%;
	}
	.sidebar .equal {
		height: auto !important;
	}

	.events-title {
		text-align: center;
	}

	.z-button.events-more {
		float: left;
		width: 48%;
		font-size: 20px;
	}
	.z-button.events-more.events-more-calendar {
		margin-right: 4%;
	}

	.destination-deland {
		width: 100%;
		text-align: center;
	}

	.facebook-feed {
		text-align: center;
	}
	.facebook-feed iframe {
		width: 340px !important;
	}
}

@media screen and (max-width: 479px) {

	.story-image {
		float: left;
		width: 100%;
		margin-bottom: 10px;
		text-align: center;
	}
	.story-summary {
		float: left;
		width: 100%;
		padding-left: 0;
	}


	.z-button.events-more {
		float: left;
		width: 100%;
		font-size: 20px;
	}
	.z-button.events-more.events-more-calendar {
		margin-right: 0;
	}
}