body {
			background: #ffffff url('../images/bg-2.jpg') center top repeat-x;
			margin: 0px;
			padding: 0px;
			font-family: 'Lato', sans-serif;
		}

		.isi {
			font-size: 14px;
	line-height: 24px;
		}
		
		a {
			color: #000;
			text-decoration: none;
		}

		.mobilemenu {
			float:left;width: 56%;font-size:14px;padding: 5px 2%;line-height: 28px;font-weight:700;
			text-transform: uppercase;
			display: none;

		}

		.mobilemenu a {

			color: #000;
		}
		.logomobile {
			float:left;width: 40%;
			text-align: right;
			display: none;
		}

		.logomobile img {
			max-width: 100%;
			margin-top: 60px;
		}
		
		.content {
			min-width: 320px;

		}

		.home-content {
			max-width: 740px;
			width: 98%;
			margin: 0 auto;
		}

		.home-content-01 {
			float: left;
			width: 50%;
		}


		.home-content-02 {
			float: left;
			width: 48%;
			padding-left: 2%;
			font-family: 'Lato', sans-serif;
			font-size:14px;
			color: #9D9D9D;
			line-height: 22px;
			text-align: left;
		}

		.home-content-02 .isic {
			padding-left: 20px;
		}

		.home-content-03 {
			float: right;
			width: 50%;
		}


		.home-content-04 {
			float: right;
			width: 48%;
			padding-left: 2%;
			font-family: 'Lato', sans-serif;
			font-size:14px;
			color: #9D9D9D;
			line-height: 22px;
			text-align: left;
		}

		.home-content-04 .isic {
			padding-left: 20px;
		}

		.home-content-05 {
			float: left;
			width: 20%;
		}


		.home-content-06 {
			float: left;
			width: 78%;
			padding-left: 2%;
			font-family: 'Lato', sans-serif;
			font-size:14px;
			color: #9D9D9D;
			line-height: 22px;
			text-align: left;
		}

		.home-content-06 .isic {
			padding-left: 20px;
		}

 
.insidekolom {
	width: 98%;
	max-width: 700px;
	font-size: 14px;
	line-height: 24px;
}

.insidekolom-21 {
	float: left;
	width: 49%;
	padding-right: 1%;
	color:#9D9D9D;
}

.insidekolom-22 {
	float: left;
	width: 49%;
	padding-left: 1%;
	color:#9D9D9D;
}

.insidekolom-23 {
	float: left;
	width: 48%;
	padding: 0 1%;
	margin-bottom: 50px;
	color:#9D9D9D;
}


.insidekolom-31 {
	float: left;
	width: 31%;
	padding: 0 1%;
	margin-bottom: 50px;
	color:#9D9D9D;
}


.menutop {
	float: right;padding: 0px 10px;
}

.menutop2 {
	float: right;padding: 0px 0px 0px 10px;
}

.listblog {
	margin-bottom: 50px;
}

.listblog img {
	max-width: 100%;
	margin: 0 auto;
}

.listblog h3 {
	color: #f82c90;
}

.listblog h1 {
	color: #f82c90;
	line-height: 40px;
}

.small {
	font-size: 12px;
	text-transform: uppercase;
}

@media (max-width: 741px) { 


body {
	background: #ffffff ;
}

.desktop {
	display: none;
}

.mobilemenu {
			display: block;
		}

		.logomobile {
			display: block;
		}


.insidekolom {
	width: 98%;
	max-width: 700px;
	font-size: 14px;
	line-height: 24px;
}

.insidekolom-21 {
	float: none;
	width: 100%;
	padding-right: 0%;
}

.insidekolom-22 {
	float: none;
	width: 100%;
	padding-right: 0%;
}

.insidekolom-23 {
	float: none;
	width: 98%;
	padding-right: 0%;
}


.insidekolom-31 {
	float: left;
	width: 48%;
	padding: 0 1%;
	margin-bottom: 50px;
	color:#9D9D9D;
}

}



@media (max-width: 501px) { 

.mobilemenu {
			float:left;width: 56%;font-size:13px;padding: 5px 2%;line-height: 24px;font-weight:700;
			
		}

		
.home-content-01 {
			float: none;
			width: 100%;
			text-align: center;
		}


		.home-content-02 {
			float: none;
			width: 98%;
			padding-left: 0%;
			font-size:14px;
			color: #9D9D9D;
			line-height: 22px;
			
		}

		.home-content-03 {
			float: none;
			width: 100%;
			text-align: center;
		}


		.home-content-04 {
			float: none;
			width: 98%;
			padding-left: 0%;
			font-size:14px;
			color: #9D9D9D;
			line-height: 22px;
			
		}

		.home-content-05 {
			float: none;
			width: 100%;
			text-align: center;
		}


		.home-content-06 {
			float: none;
			width: 98%;
			padding-left: 0%;
			font-size:14px;
			color: #9D9D9D;
			line-height: 22px;
			margin-top:5px;
			
		}

		
.insidekolom-31 {
	float: none;
	width: 98%;
}

}


@media (max-width: 401px) { 

.mobilemenu {
			float:left;width: 56%;font-size:13px;padding: 5px 2%;line-height: 24px;font-weight:700;
			
		}

		.logomobile img {
			margin-top: 90px;
			width: 120px;
		}

		
.menutop {
	float: right;padding: 0px 5px;
}

.menutop2 {
	float: right;padding: 0px 0px 0px 5px;
}
}