
.home-divider img {
	max-width: 1731px;
	width: 75%;
	margin-top: 20px;
	margin-bottom: 20px;
}


.banner-image-container {
	background-image: url('../../images/image1b.jpg');
	background-size: 100%;
	height: calc(100vh - 6rem);
}






.content-welcome,
.content-couple,
.content-schedule {
	overflow: auto;
}

.content-welcome img,
.content-couple img,
.content-schedule img {
	width: 100%;
	padding: 10px;
}

.content-welcome .welcome-body,
.content-couple .couple-body,
.content-schedule .schedule-body {
	width: 100%;
	padding: 0 20px 0 20px;
}

.content-welcome .welcome-title,
.content-welcome .welcome-message,
.content-couple .couple-title,
.content-couple .couple-message,
.content-schedule .schedule-title,
.content-schedule .schedule-message {
	text-align: left;
}

.schedule-links a {
	text-decoration: underline;
}

.schedule-links a.selected {
	color: #F1E5AC;
}



.schedule-message label {
	font-weight: bold;
	text-decoration: underline;
}



.footer-rsvp-container {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 60px;
	background-color: #0b0c0e;
	border-top: 1px #c7951a solid;
}

.footer-rsvp-container a {
	display: inline-block;
	padding: .5em 2em;
	border: 1px #b8860b solid;
	background-color: #c8ad16;
	color: #041010;
	margin: .3em 1em;
}

.footer-rsvp-container .rsvp-deco {
	/*display: inline-block;*/
	height: 30px;
	padding-top: 10px;
}

.footer-rsvp-container .rsvp-deco.inverted {
	transform: rotateY(180deg);
}





@media only screen and (min-width: 640px)
{
	.home-divider img {
		width: 50%;
	}

	.banner-image-container {
		background-position: center -600px;
		height: calc(100vh - 3rem);
	}

	.content-welcome,
	.content-couple,
	.content-schedule {
		margin-left: 20%;
		margin-right: 20%;
	}

	.content-welcome img,
	.content-couple img,
	.content-schedule img {
		max-width: 40%;
		padding: 20px;
		float: left;
	}

	.content-welcome .welcome-body,
	.content-couple .couple-body,
	.content-schedule .schedule-body {
		width: 60%;
		float: left;
	}

	.footer-rsvp-container a {
		padding: .5em 4em;
	}

}



