@charset "UTF-8";
/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin:0;
	padding:0;

	background-image: url('../img/stainedglass-background-LR-trim (1).jpg');
	background-size: 100%;
	background-position: top center;
	background-repeat: repeat-y;
}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
img {
	width: 100%;
	margin:0;
	padding:0;
	border:0;
	max-width:100%;
	margin: 0 auto;
	display: block;
}
.button {
	/* margin:3% 35% 0% 35%; */
	/* width:30%; */
	width: 25vw;
	color:#399;
	margin: 0 auto;
	text-align: center;
	padding-top: 3em;
	z-index: 2;
	position: relative;
}

.stained-glass-sun {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(../img/BC-stainedglass-sky-crop.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-color:transparent;
	background-position: top center;
	height: 100px;
}



.building {
	border:0;
	margin:0;
	/* padding-top: 5em; */
	max-width:100%;
	background-image: url(../img/BC-rowhouses.png);
	background-repeat:repeat-x;
	background-size:cover;
	background-position: top center;
	background-color:transparent;
	/* padding: 10em 0; */
	height: 90px;
}
.footer {
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	display:block;
}
.footer-wrap {
	width:100%;
	margin:0 auto 0 auto;
	position:relative;
	text-align:center;
	display: block;
	background: #fff;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.button {
		width: 60vw;
	}

	.stained-glass-sun {
		background-position: top center;
	}
}

@media screen and (min-width: 900px) {
	.stained-glass-sun {
		height: 160px;
	}
	.building {
		height: 140px;
	}
}