@media (max-width: 767px) {
  .navbar-header {
    position: absolute;
    top:-146px;
    right: 0;
  }

  img.logo {
    margin:0 auto;
    margin-top: 3rem;
  }

  .navbar-toggle {
  	background: #ddd;
    margin-top: 80px;
  }

  .navbar-collapse.collapse.in {
  	background: none;
  }

  #wrapper-logo .nav li a {
    color: #ffea00;
  }

  .flag {
    justify-content: center;
    margin-top: 1rem;
  }

  .nav-justified > li > a {
    padding-top:5px;
    padding-bottom:5px;
  }

  .homebanner {
  	width: 100%;
  	margin-bottom:1rem;
  }

  .bola {
  	margin-bottom:2rem;
  }

  .time {
    text-align: center;
    margin-top:0;
  }

  .bola-home.Midday {
    background: #1c2337;
  }

  .bola-home.Evening {
    background: #530007;
  }

}


@media (max-width: 479px) {
  img.logo {
    width: 75%;
    margin-left:0;
    margin-right:0;
  }

  .navbar-header {
    top: -119px;
  }

  .bola-home h3.judul-subkolom {
    font-family:arial !important;
    font-size: 18px !important;
  }

  .bola-home-title {
    font-size:13px;
  }

  .bola {
    font-size:12px;
  }
}