body{
	background-color:#f9f9f9;
	font-size:14px
	color:#444;
	font-family: sans-serif;
}

.content{
	width: 80%;
	margin: 10px auto;
	color: white;
	font: sans-serif;
}

/*header*/
header{
	background-color: #426E86;
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	margin-bottom: 20px;
	}

header h1.judul,
header h3.deskripsi{
	color: white;
	text-align: left;	
	font: sans-serif;
}


/*menu navigasi*/
.menu{
	background-color: #F9BA32;
	border: 1px solid #f0f0f0;
	text-align: center;
	border-radius: 8px;	
	margin-bottom: 10px;
	text-align:center;
}

div.menu ul {
	text-align: center;
	list-style:none;
	overflow: hidden;
	
}


div.menu ul li {
	text-align: center;
	float:left;		
	text-transform:uppercase;
	

}

div.menu ul li a {
	display:block;	
	padding:0 20px;
	text-decoration:none;
	color:#2c2c2c;
	font-family: sans-serif;
	font-size:13px;
	font-weight:400;
	transition:all 0.3s ease-in-out;

}

div.menu ul li a:hover,
div.menu ul li a.hoverover {	
	cursor: pointer;	
	color:#fff;
	text-align:center;
}


div.badan{
	background-color: white;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	margin-bottom: 10px;
	text-align:left;
	color: green;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-rule: 1px blue;
    -moz-column-rule: 1px double blue;
    column-rule: 1px double blue;
  }
div.container {display: table;width: 100%;}
div.kolom {display: table-cell; padding: 16px;color:white;width: 30%;}
@media only screen and (max-width: 600px) {
    .kolom { 
        display: block;
        width: 100%;
    }
}
}

div.halaman{
	text-align: center;
	padding: 30px 20px;	
}
div.header2{
	background-color: #E94F08;
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	margin-bottom: 20px;
	}
.footer-distributed{     background-color: #2F3131;     box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);     
	box-sizing: border-box;     width: 100%;     text-align: left;     font: bold 16px sans-serif;     padding: 55px 50px;     margin-top: 80px; } 
.footer-distributed 
.footer-left, 
.footer-distributed 
.footer-center, 
.footer-distributed 
.footer-right{     display: inline-block;     vertical-align: top; } 
/* Footer left */ 
.footer-distributed .footer-left{     width: 40%; } 
/* The company logo */ .footer-distributed h3{     color:  #ffffff;     
font: normal 36px 'Cookie', cursive;     margin: 0; } 
.footer-distributed h3 span{     color:  #5383d3; } 
/* Footer links */ 
.footer-distributed .footer-links{     color:  #ffffff;     margin: 20px 0 12px;     padding: 0; } 
.footer-distributed .footer-links a{     display:inline-block;     line-height: 1.8;     text-decoration: none;     color:  inherit; } 
.footer-distributed .footer-company-name{     color:  #8f9296;     font-size: 14px;     font-weight: normal;     margin: 0; } /* Footer Center */ 
.footer-distributed .footer-center{     width: 35%; } 
.footer-distributed .footer-center i{background-color:  #33383b; color: #ffffff; font-size: 25px; width: 38px;     height: 38px;   
	border-radius: 50%;     text-align: center;     line-height: 42px;     margin: 10px 15px;     vertical-align: middle; } 
.footer-distributed .footer-center i.fa-envelope{     font-size: 17px;     line-height: 38px; } 
.footer-distributed .footer-center p{     display: inline-block;     color: #ffffff;     vertical-align: middle;     margin:0; } 
.footer-distributed 
.footer-center p span{     display:block;     font-weight: normal;     font-size:14px;     line-height:2; } 
.footer-distributed .footer-center p a{     color:  #5383d3;     text-decoration: none;; } /* Footer Right */ 
.footer-distributed .footer-right{     width: 20%; } 
.footer-distributed .footer-company-about{     line-height: 20px;     color:  #92999f;     font-size: 13px;     font-weight: normal;     margin: 0; } 
.footer-distributed .footer-company-about span{     display: block;     color:  #ffffff;     font-size: 14px;     font-weight: bold;     margin-bottom: 20px; } 
.footer-distributed .footer-icons{     margin-top: 25px; } 
.footer-distributed .footer-icons a{     display: inline-block;     width: 35px;     height: 35px;     
	cursor: pointer;     background-color:  #33383b;     border-radius: 2px;     font-size: 20px;     color: #ffffff;     
	text-align: center;     line-height: 35px;     margin-right: 3px;     margin-bottom: 5px; } @media (max-width: 880px) {     
.footer-distributed{         font: bold 14px sans-serif;     }     
.footer-distributed .footer-left,     
.footer-distributed .footer-center,     
.footer-distributed .footer-right{         display: block;         width: 100%;         margin-bottom: 40px;         text-align: center;     }     
.footer-distributed .footer-center i{         margin-left: 0;     } }