#pagetitle h1 {
	font-size: 0;
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	position: absolute!important;
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
	clip: rect(1px,1px,1px,1px);
}

#pagetitle h2 {
	font-size: 0;
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	position: absolute!important;
	border: 0!important;
	padding: 0!important;
	margin: 0!important;
	clip: rect(1px,1px,1px,1px);
}

body {
	background: #BFC394;  /* fallback for old browsers */
	background: -webkit-linear-gradient(#BFC394, #6B8758);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(#BFC394, #6B8758); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


	background-image: url('../background - v - 2.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;  
	background-size: cover;
 
}

.container {
	width: 100%;
	height: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.links-container {
	display: flex;
	flex-direction: column;
	jusify-content: center;
	font-size: min(4vw, 20px);
	border-radius:50px;
	align-items: center;
}

.links-container a {
	width: 80vw;
	max-width: 300px;
}

.links-container div {
	width: 80vw;
	max-width: 300px;
}

.links-container span {
	width: 80vw;
	max-width: 300px;
}

.w3-theme-l1 {
	background-color: #AE801E !important;
	text-shadow: 1px 1px #000000 !important;
}

.w3-theme-l1:hover {
	background-color: #AE801E !important;
	transform: scale(1.05);
	transition: all .2s linear; /* Animation */
	font-weight: bold;
	color: #ffffff !important;
	text-shadow: 1px 1px #000000 !important;
}

table {
	border-collapse: collapse;
	width: 100%;
}

td, th {
	padding-left:7px;
	padding-right:7px;
	padding-top:5px;
	padding-bottom:5px;
}

.judul {
		text-align:center; 
		border:0; 
		text-shadow: 2px 2px 2px white;
		font-size: max(min(2.5vw, 22px), 10px);
} 

.jadwal {
		border:0; 
		color: white; 
		text-shadow: 2px 2px 2px #000000;
		font-family:verdana;
		font-size: max(min(2vw, 20px), 8px);
}

.sekarang {
	color: lightcyan; 
	text-shadow: 2px 2px 2px blue;
}

.hari {
	text-align:left; 
}

.openStatus {
	font-family: cursive;
	text-align:center; 
	font-weight: bold;
	color: lightcyan;
	text-shadow: 2px 2px 4px blue, -2px 2px 4px blue, 2px -2px 4px blue, -2px -2px 4px blue;
	font-size: max(min(3vw, 22px), 10px);
	font-style: italic;
}

.jam {
	text-align:right; 
}

.tabel {
		width:auto;  
		margin-left: auto; 
		margin-right: auto; 
		border:10px;
		background-color: rgba(90, 90, 90, 0.3);
		border-radius: 7px;
		box-shadow: 5px 5px 3px #555555;
}

#google {
	background: -webkit-linear-gradient(to right, #DC3C2A, #3878E5, #2B9D4A, #E9AF00);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #DC3C2A, #3878E5, #2B9D4A, #E9AF00);
}

#google:hover {
	background: -webkit-linear-gradient(to right, #DC3C2A, #3878E5, #2B9D4A, #E9AF00);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #DC3C2A, #3878E5, #2B9D4A, #E9AF00);
}

#tiktok {
	background: -webkit-linear-gradient(to bottom right, #24ECE7, #F62B52);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom right, #24ECE7, #F62B52);
}

#tiktok:hover {
	background: -webkit-linear-gradient(to bottom right, #24ECE7, #F62B52);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom right, #24ECE7, #F62B52);
}

#instagram {
	background: -webkit-linear-gradient(to bottom left, #F601B8, #F6B701);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom left, #F601B8, #F6B701);
}

#instagram:hover {
	background: -webkit-linear-gradient(to bottom left, #F601B8, #F6B701);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom left, #F601B8, #F6B701);
}

#whatsapp {
	background-color:#45C655 !important;
}

#whatsapp:hover {
	background-color:#45C655;
}

#tripadvisor {
	background-color:#34E0A1 !important;
}

#tripadvisor:hover {
	background-color:#34E0A1;
}

#facebook {
	background-color:#446077 !important;
}

#facebook:hover {
	background-color:#446077;
}


#socmed {
	background-color:#446077 !important;
}

#socmed:hover {
	background-color:#446077;
}

.margin-top-2 {
	margin-top: 32px;
}

.bottom {
	width: 100%;
	text-align: center;
	width: auto;
	font-weight: bolder;
}

.bottom span {
	color: #ed4d82;
}

.bottom svg {
	stroke: #ed4d82;
	fill: #ed4d82;
}

@media (min-width: 768px) {
	.link {
		width: 100%;
	}
}
@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

.image-cropper {
		width: 100px;
		height: 100px;
		position: relative;
		overflow: hidden;
		border-radius: 200px;
		background-color: white;

	display: flex;
	justify-content: center;
	align-items: center;
}
.profile-pic {
	vertical-align: middle;
	margin: 0 auto;
	margin-left: -25%; //centers the image
	height: 50%;
	width: auto;
}

.responsive {
	width: 80%;
	height: auto;
}

#navbar {
	overflow: hidden;
	background-color: rgba(51, 48, 0, 0.5);
}

#navbar a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: min(4vw, 20px);
}

#navbar div {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: min(4vw, 20px);
}

#navbar a:hover {
	background-color: rgba(221, 208, 0, 0.5);
	color: black;
}

#navbar div:hover {
	background-color: rgba(221, 208, 0, 0.5);
	color: black;
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

.sticky + .content {
	padding-top: 60px;
}