body,html {	
	height: 100%;
	margin: 0;
	font-size: 100% !important;
}
  
.bg { 
    /* The image used */
    background-image: url("/img/zoo.jpg");

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.main-image {
    margin-bottom:75px !important;
	-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.25,transparent), to(rgba(0,0,0,0.25)));
	-webkit-transition: all 0.75s ease-in-out;
	-moz-transition: all 0.75s ease-in-out;
	-o-transition: all 0.75s ease-in-out;
}

.title {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #000;
}
  
.title-text {
	color: whitesmoke;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size: 5rem;
	margin-left: 20px;
}

.definition-text {
	color:black;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: lighter;
	font-size: 1rem;
	margin-left: 20px;
}

.main-text {
    font-family: "Exo 2";
    font-weight: 100;
    margin-bottom:75px !important;
    font-size: 10rem;
    background-image: -webkit-linear-gradient(DarkSlateBlue,LightSlateGray);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	-webkit-box-reflect: below -20px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.15,transparent), to(rgba(0,0,0,0.15)));
}

.input {
	border: 1px solid #c0c8c9;
	border-radius: 4px;
}

.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:40px !important}

.centering {
	float: none;
    margin: 0 auto;
 }