/* effectiveyouthministry.com */
/* Typekit fonts - vista-sans */

@media (min-width: 0px) {
	html,
	body,
	#all,
	main {
			height: 100%;
			margin: 0;
			padding: 0;
			width: 100%;
	}
	html {
			font-size: 65.2%;
	}
	body {
		background-color: #fff;
		/*#2c3e50;*/
		color: #222;
		font-family: 'vista-sans';
		font-size: 1.4rem;
		line-height: 1.5;
		overflow-x: hidden; /* side to side */
		overflow-y: scroll; /* top to bottom -- has to be 'scroll', not 'auto' for 'touch' to work below*/
		-webkit-overflow-scrolling: touch;
	}
	img,
	a,
	aside {
			transition: all 0.5s;
			-moz-transition: all 0.5s;
			/* Firefox 4 */
			-webkit-transition: all 0.5s;
			/* Safari and Chrome */
			-o-transition: all 0.5s;
			/* Opera */
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
			display: block;
			float: left;
			font-family: 'vista-sans';
			font-weight: 800;
			line-height: normal;
			width: 100%;
	}
	h1 {
			padding: 0 12px;
			text-align: center;
	}
	body.home h1 {
			padding: 16px 0 8px 0;
			text-align: left;
	}
	.wrap {
			display: block;
			float: left;
			margin: 0;
			min-height: 24px;
			padding: 0;
			width: 100%;
	}
	.btn-primary {
			background: #80afd2;
			border-color: #27ae60;
			font-family: 'vista-sans';
			font-size: 1.75rem;
			font-weight: 900;
			line-height: 1.75rem;
			padding: 12px 16px;
	}
	#all {
			margin: 0;
			overflow-x: hidden; /* side to side */
			overflow-y: scroll; /* top to bottom */
			padding: 0;
			position: relative;
	}
	.header-navbar {
		background: #282828;
		margin: 0;
		padding: 0;
		position: fixed;
			top: 0;
			left: 0;
			right: 0;
		transition: transform 200ms linear;
		width: 100%;
		will-change: transform;
		z-index: 999;
	}
	.nav-up {
		-webkit-transform: translateY(-105%);
				-ms-transform: translateY(-105%);
						transform: translateY(-105%);
	}
	.nav-down {
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.header-navbar,
	.identity,
	.identity-img,
	.banner-border {
			height: 60px;
	}
	/* header banner */
	.banner-wrapper {
			padding: 0;
			position: relative;
			overflow: hidden;
			width: 100%;
	}
	.banner-btn-wrapper {
			float: left;
			width: 100%;
	}
	.b {
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center left;
			height: 700px;
			position: absolute;
			top: 0;
			left: 280px;
			width: 80%;
			z-index: 1;
	}
	.identity {
			color: #fff;
			display: block;
			float: left;
			overflow: hidden;
			padding: 0;
			position: relative;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 2;
	}
	.identity-link {
			display: block;
			float: left;
			width: auto;
	}
	.identity-img {
			float: left;
			margin: 0;
			padding: 0;
	}
	.identity-actions {
			height: auto;
			position: absolute;
			top: 8px;
			right: 3%;
			width: 240px;
			text-align: right;
	}
	.identity-actions a {
			color: #80afd2;
			font-size: 32px;
			line-height: 32px;
			margin: 0 0 0 2px;
			padding: 4px;
			text-shadow: 0 0 4px #fff;
	}
	.identity-actions a:hover {
			color: #f7b200;
			text-decoration: none;
	}
	.banner-border {
			float: right;
			z-index: 2;
	}
	/* nav */
	.nav-wrapper {
			background: #f7b200;
			float: left;
			min-height: 24px;
			padding: 12px 8px;
			width: 100%;
	}
	.nav-main {
			border: 0;
			display: none;
			float: right;
			margin: 0;
			padding: 0;
			width: auto;
	}
	.nav-main-item {
			display: block;
			float: left;
			margin: 0;
			padding: 0;
	}

	main {
		background: #fff;
		float: left;
		min-height: 320px;
		padding-top: 60px;
		position: relative;
	}

	.hero {
		background: #80afd2;
		float: left;
		min-height: 240px;
		padding: 0;
		width: 100%;
	}

	.hero-content {
		background-image: url('https://effectiveyouthministry.s3.amazonaws.com/img/free-resources.jpg');
		background-repeat: no-repeat;
		background-position: center right;
		float: left;
		height: 303px;
		padding: 0;
		width: 100%;
	}


	/* homepage carousel */

	#home-carousel {
		float: left;
		min-height: 24px;
		position: relative;
		width: 100%;
	}

	#home-carousel ol.carousel-indicators {
		display: none;
	}
	#home-carousel ol.carousel-indicators li {
		margin: 0 3px;
	}

	.carousel-control {
		width: 24px;
	}

	.carousel-control.left,
	.carousel-control.right {
		background: none;
	}

	.carousel-control .glyphicon-chevron-left,
	.carousel-control .icon-prev {
		left: 0;
	}

	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-next {
		right: 0;
	}


	/* banner */

	.banner {
		display: block;
		float: left;
		height: 320px;
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.item {
		padding: 0 24px;
	}

	.item.non-active {
		display: none;
	}

	.item.active {
		display: block;
	}

	.banner-title,
	.banner-text {
		color: #fff;
		display: block;
		float: left;
		min-height: 24px;
		width: 100%;
	}

	.banner-title {
		text-align: left;
	}

	.banner-text {
		font-size: 1.85rem;
		line-height: 2.6rem;
	}

	.item .btn {
		background: #282828;
		border-color: #f7b200;
		color: #f7b200;
	}

	.item .btn img {
		display: inline-block;
		width: 24px;
	}

	.featured-media-item {
		display: block;
	}
		.featured-media-item-heading {
			line-height: 1.2;
			text-align: center;
		}
		.featured-media-item-subheading {
			font-size: 80%;
		}
		.featured-media-item-img {
			width: 100%;
			max-width: 100%;
		}
		.featured-media-tags {
			padding-top: 24px;
		}
		.featured-media-tags .featured-media-item-bullet {
			float: left;
			padding-top: 12px;
			width: 36px;
		}
		.featured-media-tags .featured-media-item-heading {
			float: left;
			font-weight: 300;
			margin: 0;
			padding: 12px 0 12px 8px;
			text-align: left;
			width: auto;
		}
		.featured-media-tags .featured-media-item-subheading {
			font-weight: 800;
		}
		

	/* content styles */

	.post h1 {
		background: #80afd2; /*#F5F0E4;*/
		color: #fff;
		font-size: 3.25rem;
		line-height: 3.75rem;
		padding: 36px 12px 28px 12px;
		text-align: center;
		text-shadow: 2px 2px 2px #000;
	}

	.post .h,
	.post .h .h-wrap,
	.post .h .h-wrap .h-picture {
		height: 200px;
	}

	.post .h {
		float: left;
		margin: 0 0 16px 0;
		height: 200px;
		padding: 0;
		position: relative;
		width: 100%;
	}

	.post .h .h-wrap {
		background: #000;
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 100%;
		text-align: center;
		z-index: 1;
	}

	.post .h .h-wrap .h-picture {
		display: block;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		opacity: 0.9;
		filter: contrast(1.0);
		-webkit-filter: contrast(1.0);
	}

	.post .h .h-title {
		background: none;
		color: #fff;
		display: block;
		font-family: 'chunk';
		font-weight: 900;
		min-height: 24px;
		position: absolute;
		bottom: 0;
		left: 0;
		text-align: center;
		text-shadow: 2px 2px 4px #000;
		width: 100%;
		z-index: 3;
	}

	.post .h .h-title span {
		display: block;
		float: left;
		font-size: 2.6rem;
		line-height: 2.85rem;
		min-height: 12px;
		width: 100%;
	}

	.post .h .h-title .h-title-desc {
		font-family: 'vista-sans';
		font-size: 60%;
		font-weight: 400;
		line-height: normal;
	}

	.article {
		display: block;
		float: left;
		min-height: 24px;
		padding: 0 0 24px 0;
		width: 100%;
	}
	body.home .post-content {
		padding-top: 24px;
	}
	.post p,
	.post-content p,
	.post-content ul li,
	.post-content ol li {
		color: #000;
		font-family: 'vista-sans';
		font-size: 2rem;
		font-style: normal;
		font-weight: 400;
		line-height: 3.5rem;
		padding: 6px 0;
	}

	.post p em {
		font-family: 'vista-sans';
		font-style: italic;
	}

	.post-publish p {
		font-family: 'vista-sans';
		font-size: 1.5rem;
		line-height: 1.5rem;
		font-style: italic;
		padding: 12px 0;
		opacity: 0.8;
	}

	.post-description {
		background: #fff;
		border: 2px solid #ccc;
		color: #555;
		display: block;
		float: left;
		font-family: 'vista-sans';
		font-size: 2.4rem;
		font-style: italic;
		line-height: 3.6rem;
		margin: 0 0 16px 0;
		min-height: 24px;
		padding: 24px 32px;
		width: 100%;
	}

	.post .well {
		background: #fff;
	}

	.post-publish,
	.post-content,
	.post-share {
		display: block;
		float: left;
		min-height: 12px;
		width: 100%;
	}

	.post-content,
	.post-share {
		padding: 0 0 16px 0;
	}

	.post-share-heading {
		color: #777;
		display: block;
		float: left;
		font-family: 'vista-sans';
		font-size: 3rem;
		font-weight: 900;
		line-height: 3rem;
		margin: 0;
		opacity: 0.8;
		padding: 0 8px 0 0;
	}

	#list {
		float: left;
		min-height: 24px;
		width: 100%;
	}

	.postlist {
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 16px 0;
	}

	.postlist-item {
		display: block;
		float: left;
		font-family: 'vista-sans';
		margin: 0;
		min-height: 24px;
		padding: 0;
		width: 100%;
	}

	.postlist-item-link {
		border: #ccc;
		color: #333;
		display: block;
		float: left;
		margin: 0;
		padding: 16px 0;
		width: 100%;
	}

	.postlist-item-link:hover,
	.postlist-item-link:focus {
		color: #80afd2;
		text-decoration: none;
	}

	.postlist-item-photo,
	.postlist-item-content {
		display: block;
		float: left;
		min-height: 24px;
		width: 100%;
	}

	.postlist-item-photo {
		margin-bottom: 20px;
		min-height: 24px;
	}

	.postlist-item-photo-img {
		margin: 0;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}

	.postlist-item-link-title,
	postlist-item-link-publish {
		display: block;
	}

	.postlist-item-link-title {
		font-size: 2rem;
		font-weight: 900;
		line-height: 2.4rem;
		padding: 0 0 4px 0;
	}

	.postlist-item-link-publish {
		font-style: italic;
		font-size: 1.6rem;
		line-height: 1.6rem;
		opacity: 0.8;
	}

	.postlist-item-text {
		display: block;
		float: left;
		font-family: 'vista-sans';
		font-size: 1.75rem;
		font-weight: 400;
		line-height: 2.4rem;
		min-height: 1px;
		padding: 8px 0;
		width: 100%;
	}

	.slogan {
		background: #8e44ad;
		color: #fff;
		float: left;
		font-family: 'vista-sans';
		font-size: 2rem;
		font-weight: 400;
		font-style: italic;
		line-height: 2.6rem;
		min-height: 24px;
		padding: 24px 12px;
		text-align: center;
		width: 100%;
	}

	.features {
		background: #8e44ad;
		color: #fff;
		float: left;
		margin: 0;
		min-height: 24px;
		padding: 0;
		width: 100%;
	}

	.features-item {
		color: #fff;
		display: block;
		float: left;
		font-family: 'vista-sans';
		margin: 0;
		min-height: 24px;
		padding: 8px 12px;
		width: 100%;
		text-align: center;
	}

	.features-item:hover {
		background: #9b59b6;
		color: #fff;
		text-decoration: none;
	}

	.features-item-heading {
		font-size: 2.5rem;
		font-weight: 900;
		line-height: 3rem;
	}

	.features-item-text {
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 2.2rem;
	}

	.video {
		float: left;
		margin: 0;
		min-height: 240px;
		overflow: hidden;
		padding: 0;
		width: 100%;
	}

	.video iframe {
		border: 0;
		float: left;
		height: 240px;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	aside.sidenav {
		border: 1px solid #ccc;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
		display: block;
		float: left;
		margin-bottom: 24px;
		min-height: 24px;
		width: 100%;
	}

	aside.sidenav h3 {
		font-size: 2.6rem;
		line-height: 2.6rem;
		padding: 0 16px;
	}
	aside.sidenav ul {
		float: left;
		list-style-type: none;
		margin: 0;
		min-height: 24px;
		padding: 0;
		width: 100%;
	}
	aside.sidenav ul li a {
		color: #333;
		font-family: 'vista-sans', sans-serif;
		padding: 6px 16px;
	}

	aside.sidenav ul li a img.sidenav-link-bullet {
		display: inline-block;
		opacity: 0.8;
		margin-right: 3px;
		width: 14px;
	}

	aside.sidenav ul li a:hover {
		opacity: 0.6;
	}

	aside.sidenav ul li.active a,
	aside.sidenav ul li.active a:hover {
		background: #80afd2;
		color: #fff;
		opacity: 1.0;
		text-shadow: 1px 1px 4px #000;
	}

	aside.sidenav ul li a,
	aside.sidenav ul li a span {
		display: block;
		float: left;
		min-height: 12px;
		width: 100%;
	}

	aside.sidenav ul li a .title {
		font-size: 1.75rem;
		font-weight: 900;
		line-height: 2.15rem;
		padding-bottom: 4px;
	}

	aside.sidenav ul li a .date {
		font-size: 0.8em;
		font-style: italic;
	}

	aside.sidenav a.more {
		margin-top: 16px;
		text-transform: uppercase;
	}

	.form {
			float: left;
			padding: 24px 0 48px 0;
			width: 100%;
		}
		.form h4 {
			font-size: 2.4rem;
			line-height: 3rem;
		}
		.form p {
			font-size: 2rem;
			line-height: 3rem;
			padding: 8px 0 16px 0;
		}
		.form label {
			display: block;
			float: left;
			font-size: 2rem;
			font-weight: 400;
			line-height: 2.4rem;
			padding: 16px 0 4px 0;
			width: 100%;
		}
		.form .parsley-errors-list {
			display: block;
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 100%;
		}
		.form label.error,
		.form .parsley-custom-error-message {
			background: #c0392b;
			color: #fff;
			display: block;
			float: left;
			padding: 8px 12px;
			width: 100%;
		}
		.form input,
		.form textarea {
			border: 2px solid #ccc;
			color: #000;
			display: block;
			float: left;
			font-size: 2rem;
			line-height: 2.2rem;
			margin: 0 0 4px 0;
			padding: 12px 16px;
			width: 100%;
		}
		.form textarea {
			min-height: 140px;
		}
		.form button {
			margin-top: 8px;
		}

	footer {
		background: #80afd2;
		color: #fff;
		display: block;
		float: left;
		min-height: 240px;
		padding: 24px 0;
		width: 100%;
	}

	.footer-heading {
		color: #fff;
		display: block;
		float: left;
		font-size: 2.2rem;
		line-height: 2.2rem;
		width: 100%;
	}

	footer .col-xs-12 {
		padding-bottom: 16px;
	}

	footer p {
		padding: 24px 0;
	}

	.social {
		margin-left: -4px;
	}

	.social .contact-item-link {
		color: #fff;
		font-size: 3rem;
		line-height: 3rem;
		padding: 4px;
	}

	.social .contact-item-link:hover {
		color: #333;
		text-shadow: 0 0 24px #fff;
	}


	/*offcanvas*/

	#offcanvas-trigger {
		font-size: 4rem;
		line-height: 4rem;
		padding: 8px 12px;
	}

	#offcanvas label {
		padding: 0 0.25em;
		font: 3.125em/1.375em Arial;
	}

	#offcanvas {
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		background: #222;
		z-index: 9999;
		left: -100%;
	}

	#all,
	#offcanvas {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: -webkit-transform .25s ease;
		transition: transform .25s ease
	}

	#offcanvas ul {
		background: #222;
		line-height: 2.75em;
		text-decoration: none;
		padding: 0;
		list-style: none;
		margin-top: 4.0625em;
		border-top: 1px solid #444;
	}

	#offcanvas li {
		border-bottom: 1px solid #444;
	}

	#offcanvas li a {
		background: #222;
		display: block;
		font-size: 0.875em;
		padding-left: 1.5em;
		color: #fff;
		text-decoration: none;
	}
}
@media (min-width: 480px) {
	.slogan span {
			font-size: 2.4rem;
			line-height: 3rem;
	}

	.join {
			height: 420px;
	}

	.join-bg .join-picture,
	.join-bg .join-picture .join-picture-img {
			margin: -15% 0 0 -15%;
			width: 185%;
			max-width: 185%;
	}

	.join-form {
			padding: 80px 0 0 0;
	}

	.join-form-heading {
			font-size: 4rem;
			line-height: 4rem;
	}

	.features-item {
			min-height: 180px;
			width: 50%;
	}

	.post .h,
	.post .h .h-wrap {
			height: 300px;
	}

	footer {
			padding: 24px;
	}
}
@media (max-width: 767px) {
	.b,
	.identity-actions,
	.nav-wrapper,
	.hero {
		display: none;
	}
	
	.mobile-menu {
		position: absolute;
		top: 0;
		right: 12px;
		z-index: 1000;
	}
	.mobile-menu-trigger-mask {
		display: block;
		height: 44px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	.mobile-menu {
			float: right;
			margin-top: 4px;
			min-height: 24px;
			padding: 8px;
			width: auto;
	}
	.mobile-menu button {
			border: none;
			background: none;
	}
	.mobile-menu .fa {
			color: #fff;
			font-size: 2.6rem;
	}
	.post {
		margin-top: -24px;
	}
	
	/* OFF-CANVAS NAV */
	.row-offcanvas {
			position: relative;
	}

	.row-offcanvas-right .sidebar-offcanvas {
			right: -100%;
	}

	.row-offcanvas-right.active .sidebar-offcanvas {
			right: 100%;
	}

	.row-offcanvas-right.active {
			right: 100%;
	}

	.sidebar-offcanvas {
			/*height: 9999px;*/
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 999999;
	}

	.offcanvas-header {
			display: block;
			float: left;
			min-height: 44px;
			margin: -12px 0 0 0;
			padding: 0;
			width: 100%;
	}

	.row-offcanvas-right.active .sidebar-offcanvas button.offcanvas-close {
			background: none;
			border: 0;
			color: #333;
			float: right;
			font-size: 3rem;
			min-height: 24px;
			margin: 8px 0 0 0;
			padding: 12px 16px;
			text-align: right;
	}

	.row-offcanvas-right.active .sidebar-offcanvas {
			background-color: #fff;
			color: #333;
			font-size: 2.5rem;
			position: absolute;
			top: 0;
			right: -100%;
			min-height: 320px;
			padding-right: 54px;
			width: 100%;
	}

	.nav-mobile {
		float: left;
		padding-bottom: 24px;
		width: 100%;
	}
	.nav-mobile .collapse {
		min-height: 24px;
		padding: 12px 0;
		width: 100%;
	}
	.nav-mobile-item {
		background-color: #fff;
		border: 0;
		color: #333;
		display: block;
		float: left;
		font-size: 2rem;
		line-height: 2.4rem;
		margin: 0;
		min-height: 24px;
		padding: 16px 12px;
		text-align: center;
		width: 100%;
	}
	.nav-mobile-item i {
		float: right;
	}
	.nav-mobile-item:hover,
	.nav-mobile-item:focus {
		color: #fff;
		text-decoration: none;
	}
	button.nav-mobile-item {
		box-shadow: 2px 2px 4px #000;
	}
	button.nav-mobile-item.collapsed {
		box-shadow: none;
	}
	/* when closed */
	.nav-mobile-item i.closed,
	.nav-mobile-item.collapsed i.open {
		display: none;
	}
	/* when open */
	.nav-mobile-item.collapsed i.closed,
	.nav-mobile-item i.open {
		display: block;
		float: right;
	}
	.nav-mobile-children {
		background: #333;
		display: block;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.nav-mobile-children-item {
		margin: 0;
		min-height: 24px;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.nav-mobile-children-item-link {
		color: #fff;
		display: block;
		float: left;
		font-size: 1.85rem;
		line-height: 2.2rem;
		min-height: 12px;
		padding: 12px 16px;
		width: 100%;
	}
	.nav-mobile-children-item-link:hover {
		background: #fff;
		color: #257181;
		text-decoration: none;
	}
}
@media (max-width: 479px) {
	.container {
			margin: 0;
			padding: 0 8px;
	}

	.post .h .h-title .h-title-desc {
			display: none;
	}
}
@media (min-width: 768px) {
	.header-navbar,
	.identity,
	.identity-img,
	.banner-border {
			height: 120px;
	}

	.b {
		display: block;
		height: 400px;
		left: 180px;
		top: -110px;
		width: 700px;
		-ms-transform: rotate(352deg);
		/* IE 9 */
		-webkit-transform: rotate(352deg);
		/* Chrome, Safari, Opera */
		transform: rotate(352deg);
	}

	.identity {
			border-left: 16px solid #282828;
			border-right: 16px solid #282828;
	}

	.identity-actions a {
			font-size: 24px;
			line-height: 24px;
	}

	.mobile-menu {
			display: none;
	}

	#offcanvas-trigger,
	#offcanvas {
			display: none;
	}

	.header-navbar {
			position: relative;
	}

	.nav-wrapper {
			height: 30px;
			padding: 0;
			position: relative;
			z-index: 3;
	}

	.nav-main {
			background: #fff;
			border: 0;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			box-shadow: 0 0 8px #999;
			display: block;
			float: left;
			margin: -5px 0 0 0;
			min-height: 24px;
			padding: 0;
			width: 100%;
			z-index: 3;
	}

	.nav-main-item {
			background: #fff;
	}

	.nav-main-item-link {
			color: #282828;
			font-family: 'vista-sans';
			font-size: 1.25rem;
			line-height: 1.5rem;
			padding: 8px;
			text-shadow: none;
			text-transform: uppercase;
	}

	.nav-tabs>li>a.nav-main-item-link {
			border: 0;
	}

	.nav-main-item-link:hover {
			background: #fff;
			color: #282828;
			text-decoration: none;
			text-shadow: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
	}
	/* gradient background */

	.nav-main-item {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,000000+100&0.65+0,0+28 */
			background: -moz-linear-gradient(top, rgba(204, 204, 204, 0.65) 0%, rgba(147, 147, 147, 0) 28%, rgba(0, 0, 0, 0) 100%);
			/* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.65) 0%, rgba(147, 147, 147, 0) 28%, rgba(0, 0, 0, 0) 100%);
			/* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(204, 204, 204, 0.65) 0%, rgba(147, 147, 147, 0) 28%, rgba(0, 0, 0, 0) 100%);
			/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6cccccc', endColorstr='#00000000', GradientType=0);
			/* IE6-9 */
	}

	main {
			height: auto;
			margin-top: -24px;
			padding-top: 0;
	}

	.banner {
			padding: 24px;
	}

	.banner-text {
			padding: 16px 0;
			width: 75%;
	}

	.slogan {
			padding: 44px 24px;
	}

	.slogan span {
			display: block;
			float: left;
			font-size: 2.8rem;
			line-height: 3.5rem;
			width: 100%;
	}

	.video,
	.video iframe {
			height: 480px;
	}

	.features-item {
			min-height: 160px;
			width: 33.3%;
	}

	.features-item-text {
			font-size: 1.75rem;
			line-height: 2.25rem;
	}

	.join {
			height: 420px;
	}

	.join-bg {
			height: 420px;
	}

	.join-bg .join-picture,
	.join-bg .join-picture .join-picture-img {
			margin: 0;
			width: 100%;
			max-width: 100%;
	}

	.join-form {
			padding: 80px 0 0 0;
			width: 75%;
	}

	.join-form-heading {
			font-size: 4.5rem;
			line-height: 4.5rem;
	}

	.post .h,
	.post .h .h-wrap,
	.post .h .h-wrap .h-picture {
			height: 400px;
	}

	.post .h .h-title span {
			font-size: 4rem;
			line-height: 4.8rem;
	}

	.post h1 {
			font-size: 4rem;
			line-height: 4.5rem;
			padding: 44px 24px;
	}

	.postlist {
			width: 100%;
	}

	.postlist-item-photo {
			display: none;
			height: auto;
			max-height: 200px;
			overflow: hidden;
			width: 40%;
	}

	.postlist-item-content {
			padding-left: 16px;
			width: 100%; /* put to 60% if photos are used */
	}

	body.studies .postlist-item-content {
			width: 100%;
	}

	aside.sidenav {
			opacity: 0.6;
	}

	aside.sidenav:hover {
			opacity: 1.0;
	}

	.footer-heading {
			font-size: 2.4rem;
			line-height: 2.4rem;
	}
}
@media (min-width: 992px) {
	.header-navbar,
	.identity,
	.identity-img,
	.banner-border {
			height: 180px;
	}

	.b {
			height: 400px;
			left: 280px;
			top: -80px;
			width: 80%;
	}

	.identity-actions a {
			font-size: 32px;
			line-height: 32px;
	}

	.nav-wrapper {
			height: 40px;
	}

	.nav-tabs>li>a.nav-main-item-link {
			font-size: 1.5rem;
			line-height: 1.75rem;
			padding: 16px 8px;
	}

	.banner-title {
			font-size: 3rem;
			line-height: 3.5rem;
	}

	.features-item {
			min-height: 200px;
	}

	.features-item-heading {
			font-size: 2.6rem;
			line-height: 2.6rem;
	}

	.features-item-text {
			font-size: 2.2rem;
			line-height: 2.8rem;
	}

	.join {
			height: 600px;
	}

	.join-bg {
			height: 600px;
	}

	.join-bg .join-picture,
	.join-bg .join-picture .join-picture-img {
			margin: -18% 0 0 0;
			width: 140%;
			max-width: 140%;
	}

	.join-form {
			padding: 16% 0 0 48px;
	}

	.join-form-heading {
			font-size: 5rem;
			line-height: 5rem;
	}

	.join-form-text {
			font-size: 2.4rem;
			line-height: 2.8rem;
	}

	main {
			min-height: 480px;
	}

	.post .h,
	.post .h .h-wrap {
			height: 480px;
	}

	.post .h .h-title .h-title-desc {
			padding: 16px 20% 0 20%;
	}

	.postlist-item-photo {
			max-height: 180px;
	}

	aside.sidenav {
			padding-left: 24px;
			opacity: 1.0;
	}

	.footer-heading {
			font-size: 2.6rem;
			line-height: 2.6rem;
	}
}
@media (min-width: 1200px) {
	.header-navbar,
	.identity,
	.identity-img,
	.banner-border {
			height: 200px;
	}

	.b {
			left: 320px;
			top: -60px;
	}

	.identity-actions a {
			font-size: 36px;
			line-height: 36px;
	}

	.nav-wrapper {
			height: 60px;
	}

	.nav-tabs>li>a.nav-main-item-link {
			font-size: 2rem;
			line-height: 2rem;
			padding: 24px 16px;
	}
	
	.banner-text {
		width: 50%;
	}

	.post .h,
	.post .h .h-wrap,
	.post .h .h-wrap .h-picture {
			height: 540px;
	}

	.post h1 {
			padding: 54px 24px;
	}

	.post .h .h-wrap .h-picture {
			opacity: 1.0;
	}

	.postlist-item-link-title {
			font-size: 2rem;
			line-height: 2.5rem;
	}

	aside.sidenav {
			padding-left: 0;
	}
}
@media (min-width: 1600px) {
	.identity {
			border: 0;
	}

	.container {
			width: 1240px;
	}

	.post h1 {
			font-size: 5rem;
			line-height: 5.5rem;
	}

	.slogan span {
			font-size: 3.6rem;
			line-height: 4.2rem;
	}

	.video,
	.video iframe {
			height: 640px;
	}

	.join {
			min-height: 840px;
			padding: 0;
	}

	.join-bg {
			height: 1000px;
	}

	.join-bg .join-picture,
	.join-bg .join-picture .join-picture-img {
			margin: -5% 0 0 0;
			width: 120%;
			max-width: 120%;
	}

	.join-form {
			padding: 26% 0 0 0;
			width: 50%;
	}

	.join-form-heading {
			font-size: 6rem;
			line-height: 6.5rem;
	}

	.join-form-field.half {
			width: 49%;
	}

	.join-form-text {
			font-size: 2.6rem;
			line-height: 3.4rem;
	}

	.video iframe {
			height: 640px;
	}

	.post .h,
	.post .h .h-wrap,
	.post .h .h-wrap .h-picture {
			height: 760px;
	}

	.post .h .h-title {
			padding-bottom: 80px;
	}

	.post .h .h-title span {
			font-size: 5.6rem;
			line-height: 5.6rem;
	}

	.postlist-item-photo {
			max-height: 160px;
	}

	.postlist-item-photo-img {
			margin-top: -5%;
	}
}
@media (min-width: 2000px) {
	.post .h .h-title .h-title-desc {
			padding: 16px 25% 0 25%;
	}
}