body{
	font-family: 'Poppins', sans-serif !important;
}
.banner-desktop{
	display: block;
}
.banner-mobile{
	display: none;
}
.konten-satu{
	background-color: #e38b36;
	padding: 50px;
}
.konten-satu h1{
	color: white;
	font-weight: bold;
	text-align: left;
	margin-bottom: 20px;
}
.konten-satu i{
	color: white;
	font-size: 25px;
	margin-bottom: 10px;
}
.konten-satu p{
	color: white;
	margin-bottom: 40px;
	font-weight: 500;
	font-size: 20px;
	text-align: left;
}
.konten-satu span{
   padding: 10px;
   font-size: 30px;
   font-weight: bold;
   text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
.konten-dua{
	/*background: #f9f3e4 url('../img/bg_dua.png?v=1.1') no-repeat top center / cover;*/
	background: #f9f3e4;
	padding: 50px;
	padding-left: 30px
	padding-right:30px;
}
.konten-dua h1{
	color: #ae8a40;
	font-weight: bold;
	text-transform: uppercase;
}
.konten-dua h2{
	color: #0e0a07;
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;
}
.konten-dua h5{
	font-size: 18px;
	margin-top: 5px;
	color: #0e0a07;
	font-weight: 300;
	text-transform: uppercase;
}
.konten-dua i{
	font-size: 50px;
	color: #ae8a40;
	margin-bottom: 15px;
}
.konten-dua span{
	color: #ffffff; /* Warna teks kontras */
    padding: 10px;
    font-size: 30px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.6);
}
.konten-dua p{
	font-weight: 300;
	color: #797878;
	width: 70%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.konten-dua-item{
   background-color: #e18c3b;
   border: 2px solid #f4a75f;
   border-radius: 20px;
   height: 150px;
   padding: 30px;
}
.konten-tiga{
	background-color: #004a7e;
	padding: 50px;
	text-align: center;
}
.konten-tiga h2{
	color: white;
	font-weight: bold;
	margin-bottom: 50px;
}
.konten-tiga i{
	color: #c6b361;
	font-size: 60px;
	margin-bottom: 10px;
}
.konten-tiga span{
	color: white;
	font-weight: 600;
	font-size: 25px;
}
.konten-empat{
	background-color: #5a3a2b;
	padding: 50px;
	color: white;
}
.konten-empat h2{
	font-weight: bold;
	margin-bottom: 30px;
}
.konten-empat h5{
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}
.konten-lima{
	padding: 50px;
	text-align: center;
}
.konten-lima h1 {
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
  color: #5a3a2b;
}
.konten-lima p{
	font-size: 30px;
	font-weight: bold;
}
.konten-enam{
	/*background: #f9f3e4 url('../img/bg-award.jpg') no-repeat top center / cover;*/
	background: #f9f3e4;
	padding: 50px;
	padding-left: 30px
	padding-right:30px;
}
.konten-enam h1{
	color: #16100a !important;
	font-weight: bold;
	text-transform: uppercase;
}
.konten-enam h2{
	color: #0e0a07;
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;
}
.konten-enam h5{
	font-size: 18px;
	margin-top: 5px;
	color: #0e0a07;
	font-weight: 300;
	text-transform: uppercase;
}
.konten-enam i{
	font-size: 50px;
	color: #ae8a40;
	margin-bottom: 15px;
}
.konten-enam span{
	font-weight: bold;
	font-size: 20px;
	text-transform: uppercase;
	color: #c39c46 !important;
}
.konten-enam p{
	font-weight: 300;
	color: #797878;
	width: 70%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.spesifikasi {
  display: flex;
  padding:0px;
  width: 50%;
  color: white;
  font-weight: 700;
  margin:auto;
  margin-top: -50px;
  text-transform: uppercase;
  font-size: 25px;
  margin-bottom: 30px;
}
.spesifikasi-kiri {
  background-color: #efe3d1;
  width: 30%;
  padding:10px;
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px;
  color: #004a7e;
}
.spesifikasi-kanan {
  background-color: #004a7e;
  width: 70%;
  padding:10px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}
.footer {
  background-color: black;
  color: white;
  text-align: center;
  padding:20px;
}
.footer h1 {
  font-weight: 400;
  font-size: 15px;
}
.floating {
  position: fixed;
  width: 120px;
  height: 90px;
  bottom: 38px;
  right: 12px;
  color: #fff;
  border-radius:50px;
  text-align: center;
  font-size: 30px;
  z-index: 100;
}

@media (min-width: 768px) and (max-width: 1024px){
	.banner-desktop{
		display: none;
	}
	.banner-mobile{
		display: block;
	}
	.konten-satu {
	  padding: 20px;
	}
	.konten-satu i {
		font-size: 18px;
	}
	.konten-satu span {
		font-size: 18px;
	}
	.konten-satu p{
	  width: 100%;
	  margin-bottom: 0px;
	}
	.konten-dua{
	  padding:0px;
	  padding-top: 50px;
      padding-bottom: 30px;
      padding-right: 10px;
      padding-left: 10px;
	}
	.konten-dua h2{
		font-size: 18px;
	}
	.konten-dua span {
		font-size: 25px;
	}
	.konten-dua h5{
		font-size: 15px;
		text-transform: uppercase;
	}
	.konten-dua p{
		width: 100%;
		margin-top: 5px;
		margin-bottom: 10px;
		font-size:14px;
	}
	.konten-dua-item{
	    background: #e28c39;
        padding: 20px;
        border-radius: 20px;
        border: 4px solid #f9bd7f;
        width: 80%;
        margin: auto;
        height:auto;
	}
	.konten-empat{
		padding:0px;
	    padding-top: 20px;
	}
	.konten-empat h2 {
		text-align: center;
	}
	.konten-lima{
		padding:0px;
	    padding-top: 20px;
		margin-bottom: 5px;
	}
	.konten-lima h1 {
		font-size: 20px;
	}
	.konten-enam{
		padding: 20px;
	}
	.konten-enam span{
		font-size: 14px;
	}
	.konten-enam h5{
	    font-size:15px;
	}
	.floating {
	    width: 70px;
	    height: 40px;
	 }
	 .konten-lima p{
		font-size: 15px;
		font-weight: 400;
	}
}

@media only screen and (max-width: 600px){
	.banner-desktop{
		display: none;
	}
	.banner-mobile{
		display: block;
	}
	.konten-satu {
	  padding: 20px;
	}
	.konten-satu i {
		font-size: 18px;
	}
	.konten-satu span {
		font-size: 18px;
	}
	.konten-satu p{
	  width: 100%;
	  margin-bottom: 0px;
	}
	.konten-satu h1 {
	    font-size:23px;
	    margin-bottom: 5px;
	}
	.konten-dua{
	  padding:0px;
	  padding-top: 50px;
      padding-bottom: 30px;
      padding-right: 10px;
      padding-left: 10px;
	}
	.konten-dua h2{
		font-size: 18px;
	}
	.konten-dua-item{
	    background: #e28c39;
        padding: 20px;
        border-radius: 20px;
        border: 4px solid #f9bd7f;
        width: 80%;
        margin: auto;
        height:auto;
	}
	.konten-dua span {
		font-size: 25px;
	}
	.konten-dua h5{
		font-size: 15px;
		text-transform: uppercase;
	}
	.konten-dua p{
		width: 100%;
		margin-top: 5px;
		margin-bottom: 10px;
		font-size:14px;
	}
	.konten-empat{
		padding:0px;
	    padding-top: 20px;
	}
	.konten-empat h2 {
		text-align: center;
	}
	.konten-lima{
		padding:0px;
	    padding-top: 20px;
	}
	.konten-lima h1 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.konten-enam{
		padding: 20px;
	}
	.konten-enam span{
		font-size: 14px;
	}
	.konten-enam h5{
	    font-size:15px;
	}
	.floating {
	    width: 70px;
	    height: 40px;
	 }
	 .konten-lima p{
		font-size: 15px;
		font-weight: 400;
	}
}