html {
	background: url('http://gothamjointventures.com/_img/Page1.png') no-repeat top center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


/***********************
Fonts
***********************/
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(http://themes.googleusercontent.com/static/fonts/roboto/v10/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff');
}

/***********************
Layout
***********************/
body {
	background: transparent;
	font-family: 'Roboto';
	margin: 0 auto;
	width: 100%;
	padding-top:14%;
}
#container {
	/*background: #fff;
	height: 300px;
    width: 700px;
	box-shadow: 5px 5px 15px #888;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;*/
	margin: 50px auto;
	/*opacity: 0.9;*/
	text-align: center;
	
}
#logo {

}
#content {
	/*padding: 10px;*/
	margin-top:100px;
}
h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 1.5em;
}
p {
	font-size: 1em;
}
a,
a:visited {
	color: #0000ff;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #800080;
	text-decoration: none;
}

.animated {

}

.fadeIn {

}

#text-animate {
font-weight:bold;
font-style:italic;
color:#fff;
text-align:center;
font-size:12px;
padding: 20px 15px;
box-shadow: 0 0 12px 0 rgba(255, 255, 255, 0.7);
-webkit-animation-duration: 3s;
    animation-duration: 3s;
	animation-delay:3s;
}

@media (min-width: 768px) {
	body {
		padding-top:20%;
}

#text-animate {
		font-size:14px;
}
	
}

@media (min-width: 992px) {
	#text-animate {
		font-size:16px;
}
	
}

@media (min-width: 1200px) {
	
	#text-animate {
		font-size:18px;
}

}