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

.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 h2{
	color: red;
	font-size: 20px;
    margin: 10px;
    text-shadow: 2px 1px orange;
}

.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;
}