section{
	text-align: left;
	box-shadow: 0px 0px 3px #CCC;
	background-image: url(section.png);
	display: table;
	padding: 15px 30px;
	width: auto;

}

.row{
	display:table;
	width:100%;
	}

.column{
	display:table-cell;
	vertical-align:top;
	}
.dua{
	width:50%;}
.tiga{
	width:33%;
	}
.empat{
	width:25%;
	}	
.border_right{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #06C;
}
.border_right_ccc{
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #ccc;
}



@media only screen and (max-width: 640px) {
	.column, .dua, .tiga, .empat{
	display:block;
	width:100%;
	}
	.border_right{
	border-right-width: 0px;
    }
	section{
	padding: 15px;
		}
}