body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

main {
	flex: 1 0 auto;
}
#tentang blockquote{
	text-indent: 40px;
	text-align: justify;
    text-justify: inter-word;
}
#kontak-footer{
	letter-spacing: 1px
}
.no-margin{
	margin: 0;
}
.brand-logo{
	width: 640px;
}
.brand-logo img{
	height: 60px;
	float: left;
}
.brand-logo h1{
    font-size: 2.1rem;
    margin:15px 5px;
    padding: 0;
    vertical-align: middle;
	float: left;
    white-space: nowrap;
}
.full-width{
	width: 100% !important;
}
.service-box{
	padding: 0 20px;
	margin: 5px;
	height: 220px;
	border: 1px solid #eee;
}
.service-box p{
	margin: 0;
}
.service-box h5{
	margin: 5px;
}
.service-box .valign{
	margin: 0 auto;
}
.icon-box{
	display: block;
	font-size: 4rem;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
	height: auto;
}
#gallery img{
	margin: 5px;
}
.kontak-button{
	position: fixed;
	left: 10px;
	bottom:10px;
	z-index: 999999;
}
.lowongan-button{
	font-size: 1.5em;
	position: fixed;
	right: 10px;
	bottom:40px;
	z-index: 999999;
	animation-name: lowongan-bottom;
	-webkit-animation-name: lowongan-bottom;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
}
.button-form-1{
	font-size: 1.5em;
	position: fixed;
	right: 10px;
	bottom:120px;
	z-index: 999999;
	color: white;
}
.button-form-2{
	font-size: 1.5em;
	position: fixed;
	right: 10px;
	bottom:180px;
	z-index: 999999;
	color: white;
}
.button-form-3{
	font-size: 1.5em;
	position: fixed;
	right: 10px;
	bottom:240px;
	z-index: 999999;
	color: white;
}
.slogan-text{
	font-size: 1.64rem !important;
}
@keyframes lowongan-bottom {
    from   {background-color:#f57f17; bottom:40px;}
    to  {background-color:#f9a825; bottom:50px;}
}
@keyframes lowongan-top {
    from   {background-color:#f57f17; top:10px;}
    to  {background-color:#f9a825; top:25px;}
}
/*mobile*/
@media only screen  and (min-width: 0) and (max-width: 667px) { 
	.lowongan-button{
		font-size: 1em;
		position: fixed;
		right: 10px;
		bottom: 40px;
		top: auto;
		z-index: 999999;
		animation-name: lowongan-bottom;
		-webkit-animation-name: lowongan-bottom;
	}
  	.brand-logo h1{
	    font-size: 2.7rem;
	    margin:8px 5px;
	    padding: 0;
	}
	.brand-logo img{
		height: 55px;
		float: left;
	}
	.brand-logo{
		width: 210px;
	}
	.slogan-text{
		font-size: 1.5rem;
	}
}
/*tab*/
@media only screen and (min-width: 668px) and (max-width: 961px){
	.service-box{
		height: 170px;
	}
	.lowongan-button{
		font-size: 1em;
		position: fixed;
		right: 10px;
		bottom: 40px;
		top: auto;
		z-index: 999999;
		animation-name: lowongan-bottom;
		-webkit-animation-name: lowongan-bottom;
	}
}