body {
    color: #343a40;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-weight: 400;
    line-height: 1.471;
}

.navbar { padding: 1rem 0.5rem; }
.navbar .navbar-nav .nav-item{ text-transform: uppercase; }

.navbar .container a:hover,
.navbar .navbar-nav .nav-item a:hover { color: #cbcbcb !important; transition: width 2s, height 4s;}

@media (min-width: 768px){
  .navbar-nav {
    margin-left: auto!important;
  }
}

.content-header {
    padding: 35px 0.5rem 15px 0.5rem;
}


/*=================================*/
#home-welcome {
  padding: 3rem 0 3rem 0;
  border-top: 4px solid #ddd;
  border-bottom: 4px solid #ddd;
}

#home-welcome h1.heading { text-align: center; font-weight: bold;}
#home-welcome h5.sub-heading { text-align: center; }

#home-welcome h4{ line-height: 1.3em; }


/*=================================*/
#home-informasi{
  background-color: #002E5C;
  padding: 40px 0 40px 0;
  text-align: center;
}

#home-informasi h1.heading{ color: white; font-weight: bold;}
#home-informasi h5.sub-heading{ color: white;}
#home-informasi h5{ color: white; margin-top: 5px; }

#home-informasi .col-sm-3{
  text-align: center;
  margin-top: 3rem;
}

.item-informasi{
  border-radius: 8px;
  background-color: white;
  padding: 20px;
  text-align: center;
  color: #343a40;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
}


/*=================================*/
#button-login-register{
  padding: 2rem 0 2rem 0;
  border-bottom: 2px solid #3c8dbc;
}


/*=================================*/
#home-fakultas{
  background-color: #c7dce9;
  color: #343a40;
}

#home-fakultas h1.heading{
  text-align: center;
  margin-bottom: 3rem;
  font-weight: bold;
}

#home-fakultas .row .col-sm-6{
  line-height: 1.8em;
}

#home-fakultas h5{
  font-weight: bold;
}

#home-fakultas .peminatan{
  margin-left: 1.5rem;
}



/*=================================*/
#home-kontak {
  padding: 3rem 0 3rem 0;
  border-top: 4px solid #ddd;
}

#home-kontak h1.heading { text-align: center; font-weight: bold;}
#home-kontak h5.sub-heading { text-align: center; }

#home-kontak .row { margin-top: 3rem; }

#home-kontak .kontak h4 { font-size: 1.3em; color: #3c8dbc; }
#home-kontak .kontak p { font-size: 0.9em; margin-top: -4px; }

#home-kontak .tbl-kontak { width: 100%; }
#home-kontak .tbl-kontak tr th { width: 20%; }
#home-kontak .tbl-kontak tr td { width: 80%; padding: 5px 0;}

#home-kontak .map { background-color: #1f2d3d; padding: 10px; }

#home-kontak .map iframe { height:300px; border:0; }