.sudut-kiri-atas{
	position: absolute;left: -0.5em; top: -0.5em; width: 50px; height: 50px;
}
.sudut-kiri-bawah{
	position: absolute;left: -0.5em; bottom: -0.5em; width: 50px; height: 50px;
}
.sudut-kanan-atas{
	position: absolute;right: -0.5em; top: -0.5em; width: 50px; height: 50px;
}
.sudut-kanan-bawah{
	position: absolute;right: -0.5em; bottom: -0.5em; width: 50px; height: 50px;
}

.gradasi-blue{
	background-color: #0093E9;	background-image: linear-gradient(160deg, #0093E9 23%, #80D0C7 100%);
}

.pusk{
	background: rgba(255, 255, 255, 0.5)!important;margin-top: 0!important;position: absolute!important; top: 1em!important; padding: 0!important;
}

.jenis-layanan{
	background-color: rgba(204,204,204, 0.7);
}

.lokasi{
	border: solid grey 1px;
	background-repeat: no-repeat;
  	/*background-attachment: fixed;*/
  	background-position: center;
}

.judul-section{
	margin-top:0;font-weight: bold;
	text-shadow: 0 0 2px #fff; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=1); /* IE<10 */
}



.sub-judul-section{
	margin-top:0;font-weight: bold;
	text-shadow: 0 0 2px #fff; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
	filter: progid:DXImageTransform.Microsoft.Glow(Color=#ffffff,Strength=1); /* IE<10 */
	color: orangered;
}

#content-desktop {display: block;}
#content-mobile {display: none;}



/*@media screen and (max-width: 768px) {



}*/


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	.logo_pusk{
		height: 3.5em;
	}
	.pusk{
		height: 3.5em!important;
	}
	.selamat-datang{
		font-size: 1.5em;
	}
	.jenis-layanan{
		width: 100%;
		/*background-color: orangered;*/
	}
	.kiri{
		padding-right: 0.1em;
	}
	.kanan{
		padding-left: 0.1em;
	}
	.judul-section{
		font-size: 1.3em;
	}
	.sub-judul-section{
		font-size: 1em;
	}
	.lokasi{
		height: 20em;
	}
	#content-desktop {display: none;}
	#content-mobile {display: block;}
}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* STYLES GO HERE */
	#content-desktop {display: none;}
	#content-mobile {display: block;}
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	.logo_pusk{
		height: 3.5em;
	}
	.pusk{
		height: 3.5em!important;
	}
	.selamat-datang{
		font-size: 1.5em;
	}
	.jenis-layanan{
		width: 50%;
		/*background-color: orangered;*/
	}
	.kiri{
		padding-right: 0.1em;
	}
	.kanan{
		padding-left: 0.1em;
	}
	.judul-section{
		font-size: 1.3em;
	}
	.sub-judul-section{
		font-size: 1em;
	}
	.lokasi{
		height: 20em;
	}
	#content-desktop {display: none;}
	#content-mobile {display: block;}
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	#content-desktop {display: none;}
	#content-mobile {display: block;}
/* STYLES GO HERE */
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	#content-desktop {display: none;}
	#content-mobile {display: block;}
/* STYLES GO HERE */
}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* STYLES GO HERE */
	#content-desktop {display: none;}
	#content-mobile {display: block;}
}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
	.logo_pusk{
		height: 6em;
	}
	.pusk{
		height: 6em!important;
	}
	.selamat-datang{
		font-size: 2em;
	}
	.jenis-layanan{
		width: 49.5%;
		/*background-color: orangered;*/
		display: inline-block;
	}
	.kiri{
		padding-right: 0.1em;
	}
	.kanan{
		padding-left: 0.1em;
	}
	.judul-section{
		font-size: 1.5em;
	}
	.sub-judul-section{
		font-size: 1.3em;
	}
	.lokasi{
		height: 30em;
	}
	#content-desktop {display: block;}
	#content-mobile {display: none;}
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
	.logo_pusk{
		height: 6em;
	}
	.pusk{
		height: 6em!important;
	}
	.selamat-datang{
		font-size: 2em;
	}
	.jenis-layanan{
		width: 49.5%;
		/*background-color: orangered;*/
		display: inline-block;
	}
	.kiri{
		padding-right: 0.1em;
	}
	.kanan{
		padding-left: 0.1em;
	}
	.judul-section{
		font-size: 1.5em;
	}
	.sub-judul-section{
		font-size: 1.3em;
	}
	.lokasi{
		height: 30em;
	}
	#content-desktop {display: block;}
	#content-mobile {display: none;}
}
 
/* iPhone 5 (portrait &amp; landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
/* STYLES GO HERE */
	#content-desktop {display: none;}
	#content-mobile {display: block}
}
 
/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* STYLES GO HERE */
	#content-desktop {display: none;}
	#content-mobile {display: block}
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* STYLES GO HERE */
	#content-desktop {display: none;}
	#content-mobile {display: block}
}