.bg-img-1,.bg-img-2,.bg-img-3,.bg-img-4 {
	position: relative;
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: -1;
}
.caption {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.bg-img-1 {
	background-image: url("/assets/images/bg-cctv.jpg");
	min-height: 80vh;
}
.bg-img-2 {
	background-image: url("/assets/images/deer.jpg");
	min-height: 40vh;
}
.bg-img-3 {
	background-image: url("/assets/images/engineer.jpg");
	min-height: 60vh;
}
.bg-img-4 {
	background-image: url("/assets/images/siren.jpg");
	min-height: 80vh;
}

.bg-img-1 span,.bg-img-2 span,.bg-img-3 span,.bg-img-4 span {
	color: #ffffff;
	font-size: 4em;
	font-weight: 150;
	display: inline-block;
	animation: fade-in 1.5s;
	text-align: center;
	width: 80%;
}

div.page-text {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
	padding: 1em;
}
.page-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.page-text p {
	width: 50%;
	font-weight: 250;
	text-align: center;
	margin: 0.2em;
}
.page-text h2 {
	margin-top: 0;
}

span.sub {
	font-size: 2em;
}

@media screen and (max-width: 800px) {
	.bg-img-1,.bg-img-2,.bg-img-3,.bg-img-4 {
		background-attachment: scroll;
	}
	.bg-img-1 span,.bg-img-2 span,.bg-img-3 span,.bg-img-4 span {
		font-size: 2em;
	}
	span.sub {
		font-size: 1em;
	}
	.page-text p {
		width: 90%;
	}
}