body, html{
	height: 100%;
	margin: 0;
	font-size: 16px;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	line-height: 1.8em;
	color: #666;
}

a{
	color: #ffffff;
}
.aBlack {
	color: #000000;
}
.pimg1, .pimg2, .pimg3, .pimg4{
	position: relative;
	opacity: 0.70;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	/* This code is the key. This sets the parallax effect. */
	/* Everything else here, is just styling. */
	background-attachment: fixed;
}
.pimg1{
	background-image:url('../images/index/img01.png');
	min-height: 100%;
}
.pimg2{
	background-image:url('../images/index/img04.png');
	min-height: 400px;
}
.pimg3{
	background-image:url('../images/index/img03.png');
	min-height: 400px;
}
.pimg4{
	background-image:url('../images/index/mbeal.png');
	min-height: 800px;
}
.section {
	text-align: center;
	padding:50px 80px;
}

.section-light{
	background-color: #f4f4f4;
	color: #666;
}
.section-medium{
	background-color: #A9A9A9;
	color: #000;
}
.section-dark{
	background-color: #282e34;
	color: #ddd;
}

.ptext {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
	color: #000;
	font-size: 27px;
	letter-spacing: 8px;
	text-transform: uppercase;
}

.ptext .border{
	background-color: #111;
	color: #fff;
	padding: 20px;
}

.ptext .border.trans{
	background-color: transparent;
}
.hitcounter {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 10px;
	margin-bottom: 10px;
  }
/* Disable parallax effect for mobile devices. */
@media (max-width: 568px){
	.pimg1, .pimg2, .pimg3{
		background-attachment:scroll;
	}
}