.header{
	background-color: rgba(255, 70, 162, 1.0);
	padding: 10px 0px;
	width:100%;
	position: fixed;
	z-index: 999;
	/*transition: 1s;*/
}

.logo{
	display: none;
	align-items: center;
}

	.logo img{
		width: 100px;
		border-radius: 50%;
		border: solid 2px #fff;
		margin: 10px;
	}

	.logo h2 a{
		color: #fff;
		text-decoration: none;

	}


.title-section{	
	color: #000;
	text-transform: none;
}

	.title-section h3{
		color: #282828!important;
		text-decoration: underline;		
	}

	.title-section h1{
		color: #6f42c1!important;
		border-bottom: 1px solid #6f42c1;
		padding-bottom: 12px;		
		text-align: center;

	}

.konten{	
	position: relative;
	padding-top: 170px;
}

.box-side{ 
		border: 1px solid #6f42c1;
		border-radius: 10px;	
		padding: 20px;
		margin-bottom: 30px;
	}

.box-side ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.box-side ul li a
{
	color:#282828;
	text-decoration: none;
	padding: 10px;
	display: block;
	border-bottom: dotted 1px #cecece;
	transition: 0.2s;
	border-radius: 5%;
}

.box-side li a:hover{
		color: #fff;
		background-color: #6f42c1;
	}

.box-side img{
	padding: 0px;
	align-items: center;
	border-radius: 5%;
	border: solid 2px #cecece;
	margin: 20px auto;

}

.box-img{
	position: relative;
	padding: 10px;	
}

	.box-img h4 a{
		background-color: rgba(255, 255, 255, 0.6);		
		position: absolute;
		width: 100%;
		padding: 0px;
		color: #282828;
		bottom: 10px;
		margin: 0px;
		text-align: center;
		text-decoration: none;
		font-size: medium;
	}


.footer{
	background-color: rgba(255, 70, 162, 1.0);
	padding: 5px 0px;	
	width: 100%;
	text-align: center;	
}

	.footer img{
		width: 100px;
		border-radius: 50%;
		border: solid 2px #fff;						
		align-items: center;
		margin: 5px 10px 5px 0px;
	}

	.footer h3{
		color: white;		
	}


.sosmed{

}
	
	.sosmed a{
		font-size: 30px;
		margin-right: 10px;	
	}

	.sosmed a.fb{color: #084F96;}
		.sosmed a.fb:hover{color: #fff;}
	.sosmed a.ig{color: #ff0000;}
		.sosmed a.ig:hover{color: #fff;}
	.sosmed a.sp{color: #fd7e14;}
		.sosmed a.sp:hover{color: #fff;}


.produk{
	margin-bottom: 35px;
}

.testimoni{
	
	text-align: center;
	text-decoration: underline;
	list-style-type: none;
	display: flex;
		
}
	
	.testimoni img{
		width: 300px;
		margin-bottom:100px;
		
	}

.profil{
	width: 200px;
}

.cart{
	background-color: none;
	bottom: 10px;
	left: 20px;
	padding: 10px;
	position: fixed;
	width: 8%;
	/*height: 6%;*/
	z-index: 999;	
	align-items: center;

}

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.justify{text-align: justify;}
.white{color: #fff}
.testimoni{ border-radius:5% }
.underline{text-decoration: underline;}
.bold{font-weight: bold;}
.font { font-family: corbel; }

@media(min-width: 768px)
{
	.logo{
	display: flex;
	align-items: center;
	}
}