@media screen and (max-width: 1200px) {
/* MENU */
/* menu primary */
.navbar-nav {
  font-family: quattrocentoReg;
  font-size: 15px;
  color: #A97E33;
}

.navbar-nav .nav-item .nav-link {
  color: #A97E33;
}

.navbar-nav .nav-item {
  padding-left: 3px;
  padding-right: 3px;
}

h1{
  font-size:30px;
}




}


/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 768px) {
 /* penempatan logo */
.navbar-brand img{
  margin-top:-60px;
  margin-bottom: -100px;
  width: 90px;
}

h1{
  font-size:20px;
}
h2{
  font-size:18px;
}
h3{
  font-size:16px;
}

h4{
  font-size:15px;
}

#home_slideshow {
  margin-top: 55px;
}
.koin1 .display-4 {
  font-size: 32px;
}

.navbar-nav {
  padding-top: 80px;
}


/* ABOUT */
.logo_dev img{
  width: 90px;
}

/* CLUSTER */
.ch1{
  border-bottom:1px solid #A97E33;
}


.spek {
  padding-left:20px;
}

/* FONT LINK WEST */
.west-btn {
  padding: 10px;
  text-align: center;
  font-size: 13px;
  animation-name: ukuranfontwest; /* Safari 4.0 - 8.0 */
    animation-duration: 1s; /* Safari 4.0 - 8.0 */
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  
}
a .west-btn {
  color: #FFF;
}
@keyframes ukuranfontwest {
  0%   {font-size: 13px;}
  12.5%   {font-size: 13.5px;}
  25%   {font-size: 14px;}
  37.5%   {font-size: 14.5px;}
  50%   {font-size: 15px;}
  62.5%   {font-size: 14.5px;}
  75%   {font-size: 14px;}
  87.5%   {font-size: 13.5px;}
  100%   {font-size: 13px;}
}


/* FOOTER */
.footer {
  text-align: center;
}

.footer .kolom1, .footer .kolom2 {
  margin-bottom: 50px;
}
.footer .kolom1 img {
  width: 150px;
}
.footer .center{
  margin-left: auto;
  margin-right: auto;

}
}