@charset "utf-8";
.pro{
	position: absolute;
	left: 1200px;
	top: 12px;
}
.logo{
	position: absolute;
	left: 1270px;
	top: 0px;
}
.foto{
	position: absolute;
	left: 1118px;
	top: 8px;
}
.bg{
	background-color: #212121;
}
.bg1{
	background-color: #ffffff;
	height: 300px;
}
.navbar-custom {
            background-color: #494949;
        }
        .navbar-custom .navbar-brand,
        .navbar-custom .navbar-text {
            color: black;
}
.Jdl{
	position: absolute;
	color: #E5224F;
	font-size: 60px;
	font-family: 'Josefin Sans', sans-serif;
	top: 120px;
	left: 590px;
}
.isi{
	position: absolute;
	color: white;
	font-size: 25px;
	font-family: 'Kanit', sans-serif;
	top: 600px;
	left: 180px;
	text-align: justify;
}.isi1{
	position: absolute;
	color: white;
	font-size: 25px;
	font-family: 'Kanit', sans-serif;
	top: 600px;
	left: 570px;
	text-align: justify;
}.isi2{
	position: absolute;
	color: white;
	font-size: 25px;
	font-family: 'Kanit', sans-serif;
	top: 600px;
	left: 1000px;
	text-align: justify;
}
.Jdl1{
	position: absolute;
	color: #E5224F;
	font-size: 60px;
	font-family: 'Bree Serif', serif;
	top: 910px;
	left: 590px;
}
.upi{
	position: absolute;
	top: 900px;
	left: 420px;
}
.Jdl2{
	position: absolute;
	color: #212121;
	font-size: 40px;
	font-family: 'Kanit', sans-serif;
	top: 972px;
	left: 595px;
}