.spaceAtas {
	margin-top: 1rem !important;
}

.top-head {
	background-color: #084c80;
	clear: both;
	position: fixed;
	z-index: 2;
	width: 100%;
	margin-top: -128px;
}

.navbar {
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, .4);
}

.navTetap {
	position: fixed;
	z-index: 1;
	width: 100%;
	margin-top: -90px;
}

.nav-link:hover {
	color: #084c80 !important;
}

body .social-icon {
	width: 40px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	padding-top: 12px;
	border-radius: 50%;
}

body {
	color: #fff;
	margin-top: 8rem;
}

.card .card-body p {
	color: #084c80;
}

.card .card-body h3 {
	color: #084c80;
}

.card .card-body li {
	color: #084c80;
}



.dropdown-item:hover {
	background-color: #469bdb;
}

.navbar-brand img {
	max-height: 60px;
}

.section-jadwalppdb .section-jadwalppdb-heading {
	margin-top: 20px;
	margin-bottom: 10px;
}

.section-jadwalppdb h1 {
	margin-bottom: 30px;
	color: #084c80;
}

.section-jadwalppdb .section-jadwalppdb-isi {
	margin-top: 0px;
	margin-bottom: 60px;
}

.section-alurppdb .section-alurppdb-heading {
	margin-top: 0px;
	margin-bottom: 10px;
}

.section-alurppdb h1 {
	margin-bottom: 30px;
	color: #084c80;
}

.section-alurppdb .section-alurppdb-isi {
	margin-top: 0px;
	margin-bottom: 60px;
}

.section-footer {
	background: #084c80;
}

.section-footer h5 {
	border-bottom: #fff;
	font-size: 22px;
	color: #fff;
	margin-bottom: 20px;
	padding-top: 12px;
	padding-bottom: 13px;
	border-bottom: 2px solid #fff;
}

.section-footer a {
	color: #fff;
}

footer .social-icon {
	width: 40px;
	height: 40px;
	font-size: 15px;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	padding-top: 12px;
	border-radius: 50%;
}

footer .social-icon.facebook {
	background-color: #3b5998;
}

footer .social-icon.twitter {
	background-color: #1da1f2;
}

footer .social-icon.instagram {
	background-color: #fbbc05;
}

footer .social-icon.youtube {
	background-color: #ef4e17;
}

.map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.map-responsive iframe {
	left: 0;
	top: 0;
	height: 100% !important;
	width: 100% !important;
	position: absolute;
}

.card .card-header {
	color: #fff;
	background: #084c80;
}


/* DESKTOP */
@media (min-width: 992px) {

	.jumbotron {
	    display: block;
		background-image: url(../images/header.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		background-size: 100% 100%;
		height: 300px;
      	margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-footer h5 {
		font-size: 22px;
		color: #fff;
		margin-bottom: 20px;
		padding-bottom: 15px;
		border-bottom: 2px solid #fff;
	}
}