@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

body { font-family: 'Poppins', sans-serif; font-size: 15px; text-align: center; margin: 0px auto; background: #eae4da; }
p { line-height: 20px; font-size: 15px; }
a { line-height: normal; letter-spacing: normal; }


.row { padding: 10px; }
#header { padding: 40px 20px 0px 20px; color: #fff; font-weight: 100;  }
#header .yellow { color: #fff000; font-weight: 300;   }
#header h2 { font-size: 25px; font-weight: 300;  }

#content { }
#content .tittle { background: #421e08; padding: 20px;  width: 500px; margin: 0px auto; }
#content .tittle2 { background: #fff; width: 500px; margin: 0px auto; padding: 30px 5px; }
#content .h2 { color: #fff;  font-size: 19px; letter-spacing: 0.5px; }
#content .h3 { color: #dca522; line-height: 10px; font-size: 13px; font-weight: 300;}
#content .btn { border: none; padding: 5px 20px; }
#content .btn.btn-primary { -webkit-border-radius: 3em; -moz-border-radius: 3em; -ms-border-radius: 3em; -o-border-radius: 3em; border-radius: 3em; background: #3ab86d; color: #fff; margin-top: 10px;  }
#content i { color: #c2b7a4; }
#content .fa-whatsapp { color: #fff; font-size: 17px; }
#content .rekomendasi { }
#content h2 { font-family: 'MonteCarlo', cursive; font-size: 32px; }

.barang-img { background-color: #fff; border: 5px #FFFFFF solid;  border-radius: 5px; }


#footer { text-align: center; margin:20px 0px; }
#footer h1 { font-weight: 300; font-size: 30px;  }
#footer .footer-bottom {  text-align: center; margin:40px 0px; color: #5f5f5f; font-size: 13px; line-height: 20px; }

#footer .social a { background:#000; }
#footer .social a i { color: #fff; font-size: 15px;  }
#footer a > img { width: 100px; }
#footer .social { display: block; }
#footer .social a {  padding: 10px 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; margin: 2px; }



@media (max-width: 480px) {
#content {  }	
#content .tittle { width: auto;  } 
#content .tittle2 { width: auto; }	
}
@media (max-width: 480px) { 
#content {  }	
#content .tittle { width: auto;  } 
#content .tittle2 { width: auto; }
	
}