body {
	color: #393b3b;
	font-family: 'Adobe Garamond Pro', Constantia, 'Times New Roman', Times, serif;
	font-size: 20px;
	line-height: 1.7
}

a, a:focus, a:hover {
	text-decoration: none
}

a {
	color: #e84c3d
}

a:focus, a:hover {
	color: #2d3e50
}

a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.bg-white {
	background-color: #ffffff
}

.bg-black {
	background-color: #10161d
}

#bundle .title, #header .logo {
	font-family: jaf-facitweb-n7, jaf-facitweb, sans-serif;
	font-style: normal;
	font-weight: 700
}

#bundle .description, #footer .author, #footer .copyright, #social .description {
	font-family: futura-pt-n4, futura-pt, sans-serif;
	font-style: normal;
	font-weight: 400
}

#footer .links, #overview .description h2, #social .title {
	font-family: futura-pt-n7, futura-pt, sans-serif;
	font-style: normal;
	font-weight: 700
}

#header {
	border-bottom: #e84c3d solid 1px;
	z-index: 1040
}

#header .logo, #header .logo a {
	color: #ffffff
}

#header .logo {
	font-size: 54px;
	margin: 0;
	padding: .35em 0;
	letter-spacing: -4px
}

#header .logo a {
	-webkit-transition: all 0s ease-in-out;
	-moz-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out
}

#social {
	padding: 2em 0 1em;
	text-align: center
}

#social h2, #social p {
	margin: 0;
	padding: 0
}

#social .title {
	color: #ffffff;
	font-size: 64px;
	height: 108px;
	line-height: 108px
}

#social .links a {
	background-color: #e84c3d;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

#social .links a:hover {
	background-color: #f1c40f
}

#social .links img {
	height: auto;
	width: 108px
}

#social .description {
	color: #e84c3d;
	font-size: 34px
}

#footer {
	border-top: #393f45 solid 2px;
	padding: 1.5em 0;
	text-align: center
}

#footer p {
	margin: 0;
	padding: 0
}

#footer, #footer a {
	color: #7f8c8d
}

#footer a:hover {
	color: #ffffff
}

#footer .links {
	margin-bottom: .25em;
	text-transform: uppercase
}

#footer .links a {
	color: #95a5a6;
	margin: 0 .75em
}

#footer .links a:hover {
	color: #ffffff
}

#footer .author, #footer .copyright {
	font-size: 14px;
	line-height: 1.45
}

#bundle {
	background-position: center center;
	background-repeat: no-repeat;
	color: #ffffff;
	padding: 20px 0;
	text-align: center
}

#bundle h2, #bundle p {
	margin: 0;
	padding: 0
}

#bundle .title {
	color: #f2b00d;
	font-size: 50px;
	padding-top: .7em;
	text-transform: uppercase
}

#bundle .general {
	padding-bottom: 35px
}

#overview {
	padding: 32px 0 80px 0
}

#overview h2 {
	margin-top: 0;
	padding: 0
}

#overview p {
	margin-top: 1.5em;
	padding: 0
}

#overview .description h2 {
	color: #e84c3d;
	font-size: 32px;
	line-height: 1.125;
	text-align: center;
	padding: 32px 0 0 0
}

#overview .bg-white {
	padding-top: 0;
	margin-top: 0
}

@media (min-width: 1200px) {
	#social .links, #social .title {
		display: inline-block;
		vertical-align: top
	}

	#social .links a {
		margin-left: 2em
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#header .logo {
		font-size: 48px
	}

	#social .links a {
		margin: 0 1em
	}
}

@media (max-width: 991px) {
	#header .logo {
		letter-spacing: -2px
	}

	#social {
		padding: 1.5em 0
	}

	#social .title {
		font-size: 54px;
		height: auto;
		line-height: 1;
		margin-bottom: .25em
	}

	#social .links a {
		margin: 0 10px
	}

	#social .links img {
		width: 78px
	}

	#social .description {
		display: none
	}

	#bundle {
		background-image: none;
		padding: 0 15px
	}

	#overview {
		padding: 30px 0
	}

	#overview .description {
		font-size: 18px
	}

	#overview .description h2 {
		font-size: 30px
	}

	#overview .description p {
		margin-top: 1em
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#header .logo {
		font-size: 34px;
		padding: .75em 0
	}
}

@media (min-width: 640px) and (max-width: 767px) {
	#header .logo {
		font-size: 28px;
		padding: 1em 0
	}
}

@media (max-width: 639px) {
	body {
		font-size: 16px;
		line-height: 1.5
	}

	#header {
		padding-bottom: 1.25em
	}

	#header .col-xs-full {
		width: 100%
	}

	#header .logo {
		text-align: center
	}

	#header .logo {
		font-size: 34px;
		padding: .5em 0 .25em
	}

	#social .title {
		font-size: 32px;
		margin-bottom: .5em
	}

	#social .links a {
		margin: 0 5px
	}

	#social .links img {
		width: 58px
	}

	#footer .author, #footer .copyright {
		font-size: 12px;
		margin-top: .25em;
		padding: 0 1em
	}

	#footer .links {
		font-size: 14px
	}

	#footer .links a {
		margin: 0 .25em
	}

	#bundle {
		padding: 0
	}

	#bundle .title {
		font-size: 26px
	}

	#bundle .general {
		padding-bottom: 20px
	}

	#overview .description {
		font-size: 16px
	}

	#overview .description h2 {
		font-size: 24px
	}
}