/* Parallax effect
--------------------------------------------- */

.parallax-section {
	background-attachment: fixed;
	background-color: #fff;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size:    cover;
	background-size:         cover;
	text-align: center;
	color: #fff;
	font-family: 'Karla',sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	padding: 240px 0 160px;
}

.parallax-section .widget-title {
	font-family: 'Karla',sans-serif;
	font-weight:700;
	font-size: 72px;
	font-size: 7.2rem;
	margin: 0 auto;
	color: #fff;
	max-width:960px;
}

.below-header.parallax-section .widget-title { margin-top:60px; }

.parallax-section p {
	font-family: 'Karla',sans-serif;
	font-size:28px;
	font-size:2.8rem;
	color: #fff;
}

.parallax-section.below-header {
	background-image: url("../images/bg-1.jpg");
}

.parallax-section.above-footer {
	background-image: url("../images/bg-2.jpg");
	padding: 220px 0 100px;
	color: #fff;
}

.parallax-section.above-footer .widget-title {
	color: #FFF;
}


@media only screen and (max-width: 960px) {
	.parallax-section {
		font-size: 24px;
		font-size: 2.4rem;
		padding: 160px 0 170px;
    	background-attachment: scroll;
		background-position:center bottom;
}
	
	.parallax-section .widget-title {
		font-size: 48px;
		font-size: 4.8rem;
	}
}

@media only screen and (max-width: 768px) {
	.parallax-section {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 90px 0 100px;
	background-position: 50% 0px !important;
}
	
	.parallax-section .widget-title {
		font-size: 36px;
		font-size: 3.6rem;
	}
}