/* FONTS 
 *
 * font-family: 'Crimson Text', serif;


/* 
 * CORE STYLES 
 * --------------- */
body{
	font: 16px/1.3 'Crimson Text', 'Times New Roman', serif;
	color: #fff;
	
}

#wrapper{
	background: url('../img/background.jpg');
	background-color: #000;
	background-size: cover;
	background-position: top center;
	width: 100%;
	height: 100vh;
	/*
	height: 100%;
	position: absolute; */ /* to fix the short height until we have content */
}
#meaning{ padding: 50px 0; }
#contact-form{ padding-bottom: 50px; }

.logo-wrapper{ padding: 15% 0 0; text-align: center; }
.logo-wrapper img{ max-width: 100%; }

.def-wrapper{ text-align: center; }
.def-wrapper h3{ margin-top: 0; }
.def-wrapper .the-meaning p{ margin-bottom: 0; }

ul.inline{
	margin: 0;
	padding: 0;
	list-style: none; 
}
ul.inline li{ display: inline-block; padding: 0 5px; font-size: 1.1em;  }
ul.inline li a{ color: #fff; text-decoration: none; }
ul.inline li a:hover{ color: #666; }

.the-form{
	background: rgba(0,0,0,.3);
    padding: 25px;
    border: 1px solid #353535;
}
.the-form .form-title{ color: #ddd; }
.the-form .form-title h2{ margin-top: 0; }
.the-form .form-title p{ margin-bottom: 20px; font-size: 1.1em; line-height: 1.4; }

input,
form button.btn{ 
	width: 100%; 
	padding: 12px 8px; 
	font-family: Arial, sans-serif;
	font-size: .9em;
	color: #333;
}
form button.btn{ 
	color: #fff; 
	font-weight: bold;
}

.input-group{ width: 100%; margin-bottom: 15px; }
.input-group:last-child{ margin-bottom: 0; }

footer{
	padding: 25px 0;
}

.center{ text-align: center; }
.all-caps{ text-transform: uppercase;}
.smaller{ font-size: 0.8em; }
.message{ font-size: 1.2em; line-height: 1.5; }
.amore span{ padding: 0 2px; }
.amore:hover{ text-decoration: none; }

footer a.amore{ color: #aaa; }
footer a.amore:hover{ color: #d45600; }

/* 
 * CORE STYLES 
 * --------------- */
.carousel-content { color: #ffffff; }

.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}