@charset "utf-8";
.jumbotron {
	background-image: url(../img/1.jpeg);
	background-size: cover;
	height: 750px;
	text-align: justify;
	opacity: 82.5%;
	padding-left: 90px;
	
}
.jumbotron .display-4{
	color: white;
}
.jumbotron p {
	color: white;
}
.pro{
	position: absolute;
	left: 1200px;
	top: 12px;
}
.logo{
	position: absolute;
	left: 1270px;
	top: 0px;
}
.foto{
	position: absolute;
	left: 1118px;
	top: 8px;
}
.judul1{
	position: absolute;
	padding-top: 330px;
	color: white;
	font-size: 90px;
	font-family: 'Bellefair', serif;
}
.p1{
	position: absolute;
	padding-top: 435px;
	color: white;
	font-size: 25px;
	font-family: 'Kanit', sans-serif;
}
.bg{
	background-color: #212121;
}
.bg2{
	background-color: #E5224F;
}
.menu{
	top: 1000px;
}
.f{
	color: white;
	text-decoration: none;
	font-weight: 400;
	font-size: 25px;
}
.f:hover{
	color: #E5224F;
	font-weight: bolder;
}
.Pengertian{
	position: absolute;
	color: #E5224F;
	font-size: 90px;
	font-family: 'Josefin Sans', sans-serif;	
	padding-top: 150px;
	left: 90px;
	right: 300px;
}
.Pengertian1{
	position: absolute;
	color: #E5224F;
	font-size: 90px;
	font-family: 'Josefin Sans', sans-serif;	
	padding-top: 150px;
	left: 220px;
	right: 220px;
}
.isi{
	position: absolute;
	color: white;
	font-size: 25px;
	font-family: 'Kanit', sans-serif;
	padding-top: 280px;
	left: 280px;
	right: 300px;
	text-align: justify;
}
.isi1{
	position: absolute;
	color: white;
	font-size: 25px;
	font-family: 'Kanit', sans-serif;
	padding-top: 280px;
	left: 180px;
	right: 300px;
	text-align: justify;
}
.o{
 font-size: 20px;
 font-family: 'Kanit', sans-serif;
 font-weight: bold;
}
.n{
	font-family: 'Josefin Sans', sans-serif;
	color: white;
}
.y{
 	font-family: 'Kanit', sans-serif;
	color: white;
}