/* Add additional stylesheets below
-------------------------------------------------- */
/*
  Bootstrap's documentation styles
  Special styles for presenting Bootstrap's documentation and examples
*/

/* Body and structure
-------------------------------------------------- */
body {
	position: relative;
	padding-top: 70px;
}

/* Code in headings */
h3 code {
	font-size: 14px;
	font-weight: normal;
}

/* Jumbotrons
-------------------------------------------------- */
.jumbotron {
	position: relative;
	padding: 40px 0;
}

.jumbotron h1 {
	font-size: 80px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1;
}

.jumbotron p {
	font-size: 24px;
	font-weight: 300;
	line-height: 30px;
	margin-bottom: 30px;
}

.jumbotron .btn-large {
	font-size: 20px;
	font-weight: normal;
	padding: 14px 24px;
	margin-right: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.jumbotron .btn-large small {
	font-size: 14px;
}

/* Specific jumbotrons
------------------------- */
/* supporting docs pages */
.subhead {
	padding-bottom: 0;
	margin-bottom: 9px;
	padding-top: 0px;
}

.subhead h1 {
	font-size: 54px;
}




/*--------------------------------------------------
 * Responsive Docs
 *-------------------------------------------------- */
@media ( max-width : 480px) {

	/* Adjust the jumbotron */
	.jumbotron h1, .jumbotron p {
		text-align: center;
		margin-right: 0;
	}
	.jumbotron h1 {
		font-size: 45px;
		margin-right: 0;
	}
	.jumbotron p {
		margin-right: 0;
		margin-left: 0;
		font-size: 18px;
		line-height: 24px;
	}
	.jumbotron .btn {
		display: block;
		font-size: 18px;
		padding: 10px 14px;
		margin: 0 auto 10px;
	}
}

@media ( max-width : 768px) {


	/* Jumbotron buttons */
	.jumbotron .btn {
		margin-bottom: 10px;
	}
}

@media ( min-width : 480px) and (max-width: 768px) {
	/* Scale down the jumbotron content */
	.jumbotron h1 {
		font-size: 54px;
	}
	.jumbotron p {
		margin-right: 0;
		margin-left: 0;
	}
}

@media ( min-width : 768px) and (max-width: 980px) {

	/* Scale down the jumbotron content */
	.jumbotron h1 {
		font-size: 72px;
	}
}