/* resets */
html {
  min-width:1000px;
}
html, body {
  width:100%;
	height:100%;
	background: url('../images/tandem-bg.jpg') no-repeat center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

ul, ol, li, a, img{
	list-style: none;
	margin:0;
	padding:0
}

a   {
	text-decoration: none;
	color:inherit;
}
a:hover {
	text-decoration: none;
	color: inherit;
	}


.typekit-badge {
	display: none !important;
}

.button {
	padding:13px 30px;
	background: #393939;
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:3px solid #f9f9f9;
color: #f9f9f9;
font-size: 26px;
font-weight: 400;
}
.bottom {
	margin:0 0 40px 0;
}
.small-button {
	padding:12px 15px;
	background: #393939;
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
color: #f9f9f9;
font-size: 18px;
font-weight: 400;
}
.small-button:hover {
	color:#f9f9f9 !important;
}


#header {
	padding:5px 0;
	background: #393939;
	border-bottom: 3px solid #000;
}

#intro {
	color:#eee;
	padding:140px 0 200px;
	
}

#about {
	background: #fffcf5;
}
#about h3 {
	line-height: 28px;
}
.top {
	padding:50px 0 0 0;
}

#intro h1 {
	font-weight: 600;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	font-size: 68px;
	line-height: 66px;
	padding:0 0 50px 0;
	margin-bottom:30px;
	letter-spacing: auto;
	padding:30px 0 50px;
}


.alpha60 {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}


.sign-up {
	margin:45px 249px 36px 249px;
	padding:14px 0px;
	
}

#features {
	background: #393939;
	padding:130px 0;
	color:#f9f9f9;
}

#features p {
	font-size: 18px;
	padding: 0 20px;
}

#how-it-works {
 padding:100px 0;
 background: #fffcf5;
}

#how-it-works h2 {
	padding:0 0 60px;
}

#comments {
	background: #393939;
	padding:100px 0;
	color:#f9f9f9;
}

#comments h2 {
	margin-bottom: 70px;
}

.circle {
	margin-top:30px;
	 width: 300px;
	height: 300px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
-o-transition: all .4s ease-out;
transition: all .4s ease-out;
	
}

.circle:hover {
		border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}


#cc {
	background: url('../images/cc.jpg') no-repeat;
}
#search {
	background: url('../images/search.jpg') no-repeat;
}
#email{
	background: url('../images/email.jpg') no-repeat;
}
#blog{
	background: url('../images/blog.jpg') no-repeat;
}
#television{
	background: url('../images/television.jpg') no-repeat;
}
#images{
	background: url('../images/photos.jpg') no-repeat;
}
#map{
	background: url('../images/map.jpg') no-repeat;
}
#call{
	background: url('../images/call.jpg') no-repeat;
}
#video{
	background: url('../images/video.jpg') no-repeat;
}
#texts{
	background: url('../images/texts.jpg') no-repeat;
}
#social{
	background: url('../images/social.jpg') no-repeat;
}

#more{
	background: url('../images/more.jpg') no-repeat;
}
#keith {
	background: url('../images/keith.jpg') no-repeat;
}
#john {
	background: url('../images/john.jpg') no-repeat;
}
#snitch {
	background: url('../images/snitch.jpg') no-repeat;
}

.span-container {
	text-align: center;
	line-height: 300px;
	vertical-align: middle;
	width: 300px;
	margin:0 auto;
	font-size: 26px;
	font-weight: 200;
}


#storage {
 background: #fffcf5;
 padding: 80px 0;
 }
 
#storage a {
	text-decoration: underline;
} 
.top-buffer {
	margin-top:60px;
	}



h4 {
	font-size: 30px;
	font-weight: 800;
	line-height:30px;
	margin:130px 0px 10px;
}

#storage p {
	font-size: 22px;
	line-height: 28px;
}

#storage h2 {
	margin-bottom: 70px;
}


#supporters {
 background: #393939;
 padding: 80px 0;
 color:#f9f9f9;
}

.item img {
 margin: 0 auto;
}
#press {
	background: #fffcf5;
 padding: 80px 0;
}
#press a {
	color: #393939;
	font-size: 22px;
}
#signup  {
	padding: 160px 0;
}

#signup h1 {
font-weight: 600;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);
	font-size: 68px;
	line-height: 66px;
	padding:0 0 50px 0;
	margin-bottom:30px;
	letter-spacing: auto;
	padding:30px 0 50px;
	color:#f9f9f9;
}

#signup .button {
	background: #f9f9f9;
	color:#393939;
}

.modal-body span {
	font-size: 24px;
	line-height: 26px;
}

.well {
	margin: 50px 0 60px;
}

.big {
	font-weight: bold;
}

.modal-body  {
	height: 600px;
	
}

.modal-body .button  {
padding:13px 30px;
	background: #ddd !important;
	-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:3px solid #393939;
color: #393939 !important;
font-size: 26px;
font-weight: 400;

}

#footer {
	padding:10px 0;
}
#footer a {
	color: #ddd;
	font-size: 24px;
	font-weight: 100;
	padding:10px;
	line-height: 40px;

	
}
#message {
	background: #000;
	margin: 80px 0 0 0;
	color:#70c5f0;
}

.images img {
	margin:10px 0;
	
}
.box {
	background: #F5F2EB;
	height: 240px;
	padding: 70px 0 0 0;
	margin:10px 0;
	position: relative;
}

.overlay {
	position: absolute;
	background: #F5F2EB;
	width: 100%;
	top:0;
	height: 270px;
	padding:30px 0 0 0;
	opacity: 0;
	-webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
	

}
.box:hover .overlay {
	display: block;
	opacity: 1;	
}

.overlay h6 {
	margin:10px 0;
}

.overlay p {
	padding:0 8px;
}
#tweets {
  display: inline-block;
}