body, html , .container-fluid2, .section-row {
	height: 100%;
}
.no-js {
}

body, html {
   -webkit-font-smoothing: antialiased;
   font-family: 'Roboto', sans-serif;
}


.parallax-image-wrapper {
		position:fixed;
		left:0;
		width:100%;
		overflow:hidden;
	}

	.parallax-image-wrapper-50 {
		height:50%;
		top:-50%;
	}

	.parallax-image-wrapper-100 {
		height:100%;
		top:-100%;
	}

	.parallax-image {
		display:none;
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
	}

	.parallax-image-50 {
		height:200%;
		top:-50%;
	}

	.parallax-image-100 {
		height:100%;
		top:0;
	}

	.parallax-image.skrollable-between {
		display:block;
	}

	.no-skrollr .parallax-image-wrapper {
		display:none !important;
	}

	#skrollr-body {
		height:100%;
		overflow:visible;
		position:relative;
	}

	.gap {
		background:transparent center no-repeat;
		background-size:cover;
	}

	.skrollr .gap {
		background:transparent !important;
	}

	.gap-50 {
		height:50%;
	}

	.gap-100 {
		height:100%;
	}

	.header, .content {
		background:#fff;
		padding:1em;

		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	

	.content-full {
		height:100%;
	}

	#done {
		height:700px;		
		background-color:rgba(98,72,55,1);

	}

@media screen and (max-width: 500px) and (min-width: 0px) {
    #img01, #img02 {
        width: 130px;
		height: 172px;
    }
	
    #img01 { width: 177px; height: 120px;}

	#imgourstory { width:200.2px; height:209.3px; }
	#bobologobig { width:225px; height:60px; }
	#boboart { width:397px; height:254px; }
	
	#address1, #address2 { text-align:center; }
}

@media screen and (max-width: 750px) and (min-width: 0px) {
	#prlximage1 { background-image: none !important; }
}

#tulisanbobo {
	font-family: 'Avenir', sans-serif;
	font-size: 20px;
	margin-top: 0px;
}

.section-row {
	/*overflow: hidden;
	position: relative; */
}
.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
	
}

#section1 .bcg {
	background-image:url('../img/bcg_slide-1.jpg');
}

#section2 .bcg {
	background-image:url('../img/bcg_slide-2.jpg');
}

#section3  .bcg{
	background-image:url('../img/bcg_slide-3.jpg');
}

#section4  .bcg{
	background-image:url('../img/bcg_slide-2.jpg');
}