html {
	position: relative;
}
body{
	margin-bottom: 100px;
}
.jumbotron img{
	width: 25%;
	border: 5px solid #eaeaea;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}
body {
	margin-top: 50px;
	margin-bottom: 120px;
}
.jumbotron{
	background-image: url(../img/header-bg.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: 0 -100px;
	color: #eaeaea;
	overflow: hidden;
}
.jumbotron h1, .jumbotron p {
	text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}
.container img{
	width: 700px;
	border: 5px solid#666;
}
hr {
	width: 250px;
	border-top: 4px solid #999;
}

section {
	min-height: 600px;
}

.portfolio {
	background-color: #eee;
}

.portfolio .img-thumbnail {
	opacity: 0;
	transform: translate(0px,-40px);
	transition: 0.5s;
}

.portfolio .img-thumbnail.muncul {
	opacity: 1;
	transform: translate(0px,0px);
}
.contact {
	min-height: 800px; 
}


footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height:120px;
	background-color: #333;
	padding-top: 30px;
}

footer p{
	color: #aaa;
	font-size: 0.9em;
}

.pKiri, .pKanan {
	opacity: 0;
	transform: translate(-50px,0px) rotate(15deg);
	transition: 1s;
}

.pKanan {
	transform: translate(50px,0px) rotate(-15deg);
}

.pKiri.pMuncul, .pKanan.pMuncul {
	opacity: 1;
	transform: translate(0px,0px);
}