html, body {
	height: 100%;
}

/* navbar */
.dropdown-menu {
    margin-top: 0;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin:0 20px;
    border-width: 0;
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
	background: #007bff;
	color: white;
}
.dropdown-menu > li.show > a{
	color: white;
}

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin:0;
        border-width: 1px;
    }
}

/* whatsapp */
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

/* jumbotron */
.jumbotron {
	background-image: url("https://polagondola.com/assets/img/background/2.jpg"); 
	background-size: cover;
}

/* news */
#news .card {
	border : 0;
}
#news .card img{
	max-width: 100%;
}
#news .card .card-body .card-title, #article .author .card .card-body .card-title{
	font-weight: bold;
}

/* article */
#article {
	padding-bottom: 50px;
}
#article h1{
	font-weight: bold;
	padding-bottom: 20px;
}
#article p{
	text-align: justify;
}



/* footer */
footer {
	background-color: #cfcfcf;
	
}

#foot {
	padding-top: 20px;
	padding-bottom: 20px;
}
#foot p{
	margin: 0px;
	font-size: 14px;
}
#foot p a{
	color: black;
}

#call {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

#teks {
	color: black;
}