@charset "utf-8";
/* CSS Document */
/* nunito-regular - latin */

body {
	background-color:#fff;
}


html,body {
height:100%;
width:100%;
}

.bgatas{
	height: 230px !important;
	background-color: #fff;
}
.container{
	height:100%;	
}

.semua-sec {
	position:relative;
}
.semua-sec img {
	width:100%;
	height:auto;
}




.container-semua {
	position:absolute;
	top:0;
	width:100%;
}

.logo-jwk {
	width:350px;
	margin:auto;
	align-items: center;
	padding-top: 3.5%;
	
}
.logo-jwk img{
	width:100%;
	height:auto;
}

.kuning {
	width:317px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:63.5%;
}
.kuning img {
	width:100%;
	height:auto;
}

.kuning7 {
	width:450px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:63%;
}
.kuning7 img {
	width:100%;
	height:auto;
}

.kuning8 {
	width:350px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:66.5%;
}
.kuning8 img {
	width:100%;
	height:auto;
}

.pengumuman {
	width:350px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:15%;
}
.pengumuman img {
	width:100%;
	height:auto;
}

.cont {
	position:absolute;
	width:100%;
	height:auto;
}

.footer {
	width:100%;
	text-align:center;
}


@media only screen and (max-width: 1366px) {

.bgatas{
	height: 210px !important;
}
.logo-jwk {
	width:230px;
	margin:auto;
	align-items: center;
	padding-top: 8%;
}

.kuning {
	width:250px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:45%;
}


.kuning7 {
	width:350px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:45%;
}


.kuning8 {
	width:265px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:48%;
}
}

@media only screen and (max-width: 1280px) {
.bgatas{
	height: 210px !important;
}
.logo-jwk {
	width:220px;
	margin:auto;
	align-items: center;
	padding-top: 8%;
}

.kuning {
	width:230px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:42%;
}


.kuning7 {
	width:350px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:42%;
}


.kuning8 {
	width:261px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:45%;
}
}

@media only screen and (max-width: 800px) {

.logo-jwk {
	width:200px;
	margin:auto;
	align-items: center;
	padding-top: 13%;
}

.kuning {
	width:135px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:42%;
}


.kuning7 {
	width:190px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:42%;
}


.kuning8 {
	width:160px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:45%;
}
}

@media only screen and (max-width: 480px) {

.bgatas{
	height: 90px !important;
}

.logo-jwk {
	width:100px;
	margin:auto;
	align-items: center;
	padding-top: 10%;
}

.kuning {
	width:78px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:37.5%;
}


.kuning7 {
	width:153px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:37.5%;
}


.kuning8 {
	width:110px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:42%;
}
}

@media only screen and (max-width: 360px) {

.bgatas{
	height: 90px !important;
}

.logo-jwk {
	width:90px;
	margin:auto;
	align-items: center;
	padding-top: 12%;
}

.kuning {
	width:65px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:37%;
}


.kuning7 {
	width:110px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:37%;
}


.kuning8 {
	width:70px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:42%;
}
}

@media only screen and (max-width: 320px) {

.bgatas{
	height: 80px !important;
}

.logo-jwk {
	width:80px;
	margin:auto;
	align-items: center;
	padding-top: 12%;
}
}

@media only screen and (min-width: 2500px) {
.bgatas{
	height: 500px !important;
}

.logo-jwk {
	width:450px;
	margin:auto;
	align-items: center;
	padding-top: 15%;
}

.kuning {
	width:450px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:85%;
}


.kuning7 {
	width:650px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:85%;
}


.kuning8 {
	width:450px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:90%;

}
}


@media only screen and (min-width: 2800px) {
.bgatas{
	height: 500px !important;
}

.logo-jwk {
	width:450px;
	margin:auto;
	align-items: center;
	padding-top: 15%;
}

.kuning {
	width:450px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:95%;
}


.kuning7 {
	width:650px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:95%;
}


.kuning8 {
	width:450px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:100%;

}
}


@media only screen and (min-width: 3150px) {
.bgatas{
	height: 500px !important;
}

.logo-jwk {
	width:450px;
	margin:auto;
	align-items: center;
	padding-top: 15%;
}

.kuning {
	width:550px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:107%;
}


.kuning7 {
	width:750px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:106%;
}


.kuning8 {
	width:600px;
	margin:auto;
	align-items: center;
	height: 100%;
	padding-top:112%;
}
}