.container {
	width:100%;
	position: relative;
	margin:0;
	padding:0;

	height:6000px;
	background-color:#D8F1E1;
	background-color: #E7E6DD;
	overflow-y:hidden;
	cursor:none;
}
.clear {clear:both;}
section {
	position:absolute;
	top:250px;
	width:100%;
	left:0%;
	margin:0;
	z-index:2;
}
.letters {
	font:italic 900 30px/1.1 'playfair display','times new roman',serif;
	font:normal 400 19px/1.1 'times new roman',serif;
	text-align: center;
    margin: -4px 0 0;
    padding: 0px 20px;
    color: #B9A984;
    /*color:#95D685;
    color:#8A892E;
    color:#F0DD2B;*/
}
.altFont {
	font:italic 900 30px/1.1 'playfair display','times new roman',serif;
}

/* -- Stars -- */
footer {
	height:2000px;
	width:100%;
	margin:0;
	padding:0;
	bottom:0%;
	position: absolute;
	background: linear-gradient( to bottom, #E7E6DD, #ff0030 );
	z-index: 1;
}
.stars {
	z-index: 9;
	height:2000px;
	width:100%;
	margin:0;
	padding:0;
	bottom:0%;
	position: absolute;
	cursor:none;
}
.star {
	width:10px;
	height:10px;
	position:absolute;
	background-color:#E7E6DD;
	-webkit-animation: starry 1s infinite;
	-moz-animation: starry 1s infinite;
	-o-animation: starry 1s infinite;
	animation: starry 1s infinite;
}
@-webkit-keyframes starry {
	0% { 
	 width:0px;
	 height:0px;
	}
	10% {
	 width:10px;
	 height:10px;
	}
	100% {
	 width:5px;
	 height:5px;
	}
}
@keyframes starry {
	0% { 
	 width:0px;
	 height:0px;
	}
	10% {
	 width:10px;
	 height:10px;
	}
	100% {
	 width:5px;
	 height:5px;
	}
}


/* -- Floating type and boxes -- */
.letters span {
	position:relative;
	display:inline-block;

	-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;

    -webkit-transform: perspective(300px) rotateY(0deg);
    -moz-transform: perspective(300px) rotateY(0deg);
    -o-transform: perspective(300px) rotateY(0deg);
    transform: perspective(300px) rotateY(0deg);
}
.box-wrap {
	width:100%;
	margin:0 auto;
	position:relative;
}
.box {
	background-color:#8A6B2E;
	background-color:#95D685;
	background-color:#D8F1E1;
	background-color: #F0DD2B;
	margin:0;
	padding:0;
	position:absolute;
	-webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    -o-transition: -o-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.invis-wrap {
	width:100%;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}
.invis {
	margin:0;
	padding:0;
	position:absolute;
	background-color: transparent;
}
.letters .rotated, .box.rotated {
	-webkit-transform: rotateY(120deg);
	-moz-transform: rotateY(120deg);
	-o-transform: rotateY(120deg);
	transform: rotateY(120deg);
}

/* - manually make spaces in words blank boxes - */
.box.b3, .box.b15, .b26, .b29, .b33 {
	background-color:transparent;
}
.char4, .char16, .char27, .char30, .char34 {
	min-width:8px;
}

/* - customize box pos and width to fit top of each letterform - */
.b0 {
	width: 6px;
    margin-right: 6px;
    margin-left: 7px;
}
.b1 {
	width: 8px;
    margin-right: 11px;
    margin-left: -4px;
}
.b2 {
	width: 12px;
    margin-left: -2px;
    margin-right: 9px;
}