@import url("font.css");
@import url("header.css");
@import url("bluebar.css");
@import url("index_below.css");
@import url("footer.css");
@import url("section.css");
@import url("banner.css");
@import url("columbus.css");
*{
	box-sizing:border-box;
	}
body {
	width: auto;
	margin: auto;
	line-height:auto;
	background-image: url(bg.jpg);
	background-size:cover;
	background-attachment: fixed;
	
}
.border_right{		
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right:40px;
}
garisan{
	display:none;
	}
.whatsapp{
	display:inline-block;
	width:60px;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:99;
	}
.whatsapp:hover{
	opacity:0.8;
	}
	
	.margincert{
	margin-top: -100px;
	margin-bottom:-30px;
	margin-left:100px;
}


	
@media only screen and (max-width: 740px) {
.whatsapp{
	width:40px;
}
.border_right{		
	border-right-width: 0px;
	padding-right:0px;
}	
garisan{
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;	
	margin:20px auto;
	}
}

@media only screen and (max-width: 890px) {
	.margincert{
		margin-left:80px;
	}
}
@media only screen and (max-width: 740px) {
	.margincert{
		margin-left:50px;
	}
}
@media only screen and (max-width: 450px) {
	.margincert{
		margin-left:30px;
	}
}









