@charset 'UTS-8';

/* ********************************************************************************* General ********************************************************************************* */

body {
	width: 100%;
	height: 100vh;
}

/* **************************************************************************** Background Images **************************************************************************** */

.background-image {
	position: fixed;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

b1 {
	background-image: url("images/Home-Desktop/ColoredDropsInGlass-001.jpg");
}

b2 {
	background-image: url("images/Home-Desktop/ColoredDropsInGlass-002.jpg");
}

b3 {
	background-image: url("images/Home-Desktop/ColoredDropsInGlass-003.jpg");
}

b4:before {
	content: "\20";
	background-image: url("images/Home-Desktop/ColoredDropsInGlass-004.jpg");
	position: fixed;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: auto 100%;
	background-repeat: no-repeat;
}

b5 {
	background-image: url("images/Home-Desktop/ColoredDropsInGlass-005.jpg");
}

b6 {
	background-image: url("images/Home-Desktop/ColoredDropsInGlass-006.jpg");
}

b7 {
	background-image: url("images/Home-Desktop/ColoredDropsInGlass-007.jpg");
}

.background-height {
	height: 7560px;
}

/* **************************************************************************** Main Title Text **************************************************************************** */

main {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.title-outer {
	margin: 5% 5%;		/* still weird top/bottom margins */
	height: 80%;
	width: 90%;
	display: table;
}

.title-inner {
	display: table-cell;
	vertical-align: middle;
}

.title-format {
	color: black;
	text-align: center;
}

.title-format h1 {
	text-transform: none;
	font-size: 30pt;
	letter-spacing: 0.8em;
}

.title-format h2 {
	padding: 2em;
}

.title-format h3 {
	padding: 2em;
}