nav ul {
	float: right;
}

nav li {
	display: inline;
	padding: 0 10px 0 10px;
}

nav li a {
	text-decoration: none;
	color: #fff;
}

nav li a:hover {
	text-decoration: none;
	color: #007eff;
}

.selanjutnya {
	background: #3ac47d;
	color: #fff;
	padding: 10px 52px 10px 52px;
}

.selanjutnya:hover {
	background: #007eff;
	color: #000;
	padding: 10px 52px 10px 52px;
}

.selanjutnya:focus {
	background: #efefef;
	color: #000;
	padding: 10px 52px 10px 52px;
}

.panggil:hover {
	background: #007eff;
	color: #000;
	padding: 10px 90px 10px 90px;
}

.panggil:focus {
	background: #efefef;
	color: #000;
	padding: 10px 90px 10px 90px;
}

.panggil {
	background: #3ac47d;
	color: #fff;
	padding: 10px 90px 10px 90px;
}

.row {
	position: relative;
}

header {

	background-image: linear-gradient(to bottom, #09C6F9, #045DE9);
	/*background-image:linear-gradient(to bottom, #00b09b, #96c93d);*/
	margin: auto;
	max-height: 150px;
	width: 100%;
}

.img {
	max-width: 100%;
	height: auto;
}

#logo img {
	max-height: 80%;
	width: auto;
	padding: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.instansi {
	padding-top: 0px;
}

.instansi a {
	text-decoration: none;
}

h1 {
	color: white;
	text-align: center;
	font-size: 35px;
}

h3 {
	color: white;
	text-align: center;
	margin: 0px;
}

.menu {
	/*background: #045DE9;*/
	background-image: linear-gradient(to bottom, #009FFD, #2A2A72);
	/*background: #3ac47d;*/
	padding: 10px;
	min-height: 47px;
}

footer {
	background-image: linear-gradient(to bottom, #009FFD, #2A2A72);
	/*background: #3ac47d;*/
	min-height: 50px;
}

.footer {
	color: #fff;
	float: right;
	margin: 15px;
}

.container {
	background-image: linear-gradient(to bottom, #09C6F9, #045DE9);
	/*background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);*/
	/*background: #efefef;*/
	width: 100%;
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100%;
	min-height: 650px;
	/*height: 100%;
	margin: auto;
	min-height: 600px;
	height: 100vh;*/



}

.container2 {
	background-image: linear-gradient(to bottom, #09C6F9, #045DE9);
	width: 100%;
	background-size: 400% 400%;
	/*animation: gradient 15s ease infinite;*/
	height: 100%;
	min-height: 750px;




}

.box {
	box-shadow: 0 0 8px #D0D0D0;
	margin: 10px;
	border: 1px solid #D0D0D0;
}

.loket {
	background-image: linear-gradient(to bottom, #09C6F9, #045DE9);
	/*background: #3ac47d;*/
	font-size: 25px;
	text-align: center;
	color: #fff;
	padding: 10px;
}

.antrian {
	background: #fff;
	font-size: 82px;
	text-align: center;
	color: #000;
}

.agenda {
	background-image: linear-gradient(to bottom, #83EAF1, #63A4FF);
	padding: 10px;
	text-align: center;
}


.agenda img {
	margin: auto;
}

#agenda {
	height: 303px;
}

.agenda h1 {
	font-size: 200px;
	color: #000;
	margin-top: -10px;
}

.agenda2 {
	padding: 10px;
	text-align: center;
}

.agenda2 img {
	margin: auto;
}

#agenda2 {
	height: 303px;
}

.agenda2 h1 {
	font-size: 200px;
	color: #000;
	margin-top: -10px;
}

.appointmentpribadi {
	background-image: linear-gradient(to bottom, #83EAF1, #63A4FF);
	padding: 10px;
	text-align: center;
}

.appointmentpribadi img {
	margin: auto;
}

#appointmentpribadi {
	height: 303px;
}

.appointmentpribadi h1 {
	font-size: 200px;
	color: #000;
	margin-top: -10px;
}

.appointmentasuransi {
	background-image: linear-gradient(to bottom, #AFF1DA, #F9EA8F);
	padding: 10px;
	text-align: center;
}

.appointmentasuransi img {
	margin: auto;
}

#appointmentasuransi {
	height: 303px;
}

.appointmentasuransi h1 {
	font-size: 200px;
	color: #000;
	margin-top: -10px;
}

#slide {
	height: 320px;
}

#user {
	float: left;
}

@media all and (max-width:568px) {
	h1 {
		color: white;
		text-align: center;
		font-size: 27px;
	}

	.img {
		max-width: 100%;
		height: auto;
	}

	#logo img {
		max-height: 100%;
		width: auto;
		padding: 15px;
		padding-right: 0px;
	}

	h3 {
		color: white;
		text-align: center;
		margin: 2px;
		font-size: 18px;
	}

	#alamat {
		padding-top: 50px;
	}

	#slide {
		height: 150px;
	}

	.menu {}

	#menu {
		display: none;
		background: #3ac47d;
		padding: 10px;
		min-height: 47px;
		width: 100%;
		padding-left: 0;
		font-size: 10px;
	}

	#user {
		display: none;
	}

	nav ul {
		float: left;
	}

	nav li {
		display: block;
		padding: 0 10px 0 10px;
		text-align: left;
	}

	#list {
		float: right;
		position: absolute;
		right: 20px;
	}

	#list1 {
		float: right;
		position: absolute;
		right: 20px;
	}

	.panggil:hover {
		background: #007eff;
		color: #000;
		padding: 10px 90px 10px 90px;
		margin-bottom: 10px;
	}

	.panggil:focus {
		background: #efefef;
		color: #000;
		padding: 10px 90px 10px 90px;
		margin-bottom: 10px;
	}

	.panggil {
		background: #0e2335;
		color: #fff;
		padding: 10px 90px 10px 90px;
		margin-bottom: 10px;
	}
}