.error-form {color: red;}
.sukses-form{color: #0081ff;}
.bg-dark {background-color: #237dad !important; }
.btn-primary {  
  background-color: #1d9359;
  border-color: #0b814b;
  border-radius: 0;
}
.peta-responsive{
    overflow:hidden;
    padding-bottom:35%;
    position:relative;
    height:0;
}
.peta-responsive iframe{
    left:0;
    top:0;
    height:90%;
    width:100%;
    position:absolute;
}
#back-to-top {
  background: #fff;
  color: #0e7da1;
  padding: 8px 10px;
  font-size: 30px;
  border-radius: 8px;
}
.back-to-top {
  position:fixed !important;
  position:absolute;
  bottom:18px;
  right:20px;
  z-index:999;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: bold;
}
.col-sm-3 a {color: #fff;}
.col-sm-3 a:hover{background: #84847c;}
.col-sm-3 a:active{background: #84847c; }
.col-sm-2 a {color: #fff;}
.nav-link.d-none.d-sm-inline {
  border-bottom: 1px solid #efe4e433;
}
* {
  box-sizing: border-box;
}

.footer-background {
  background: linear-gradient(to top, #4289b0, #348fbf45);
  margin:0 auto;
}
.column {
  float: left;
  width: 25%;
  padding: 25px;

}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column h4 {
  padding: 6px 0;
  border-bottom: 2px solid #2b85bf;
  position: relative;
}
.column h4:after{
  content: " "; 
  width: 70px; 
  height: 0px; 
  position: absolute; 
  left: 0; 
  bottom: -2px;
  border-bottom:3px solid #dbd160;
}
.column a{
  color: #212529;
}
.column p{
  font-size: 16px;
}
/* Responsive layout - makes the four columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: none;
  }
}
@media (min-width: 768px) {
  .col-sm-2.px-1.bg-secondary {
display: none;

  }
}
@media (min-width: 486px) {
.col-sm-2.px-1.bg-secondary {
display: none;

  }
}
@media (max-width: 320px) {
  .col-sm-3.px-1.bg-secondary.text-white{
    display: none;
  }
  
}
@media (max-width: 286px) {
.col-sm-2.px-1.bg-secondary {
  display: block;
  margin-top: 28px;  
  
  
  }
 
}