*{
   box-sizing: border-box;
   font-family: Poppins, Sans-serif;
}
html, body {
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: row;

}
 .container-header{
   background-color: black;
	position: sticky;
	top: 0px;
	z-index: 100;
}
header {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
   height: 60px;
   margin: 0 auto;
}
.logo img {
   width: 200px;
   position:absolute;
   left: 20px;
   top: 17px;
 }

 /* Sembunyikan hamburger icon */
header label, #hamburger { 
	display: none; 
 }
@media screen and (max-width: 768px){
   /* Tampilkan hamburger icon  */

	
   /* Pindahkan posisi logo ke kanan, dan perkecil */

   .logo img {
    width: 150px;
	padding: 10px;
	left:10px;
	top:10px;
   }
	.content-order p{
		text-align: left;
	}
	
   /* Untuk menampilkan / menyembunyikan menu */
   nav { display: none; }
   header input:checked ~ nav { 
     display: flex; 
   } 
}

.content-top{
	text-align: center;
	color: #559fe0;
	font-size: 20px;
    margin: 0;
    text-shadow: 2px 1px black;
}

.content-order img{
	width: 140px;
}

.content-order {
    margin: 10px;
}

.content-order p{
	margin: 10px;
}

.shopee{
	width: 80px;
}
.lapak{
	width: 120px;
}
.tokped{
	width: 80px;
}

.content-market p{
	margin: 10px;
}

.content-market h2{ 
	color: red;
	font-size: 20px;
    margin: 10px;
    text-shadow: 2px 1px orange;
}

.jd-medsos{
	text-align: center;
	font-size: 15px;
}

.container-medsos{
	display:flex;
	flex-direction: column;
}
.logo-medsos{
	text-align: center;
	display:flex;
	align-items: center;
	justify-content: center;
}

.fb-img{
	
}

.yt-img{
	
}

.jd-wa{
	text-align: center;
	font-size: 15px;
}
.wa-img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.container-footer{
	margin: 0;
	background-color: black;
}