/* Untuk Tablet */
@media all and (max-width: 1000px) {
  .nav a:not(:first-child) {
    display: none;
  }
  .nav a.icon {
    float: right;
    display: block;
}
.nav.responsive {
  position: relative;
  background-color: #292A2B;
}
.nav.responsive a.icon {
  position: absolute;
  right: 0;
  top: 0;
}
.nav.responsive a {
  float: none;
  display: block;
  text-align: left;
} 
iframe{
  width: 50;
} 
}


/* Untuk Smartphone */
@media all and (max-width: 670px) {
  .top-wrapper {
    text-align: center;
    background-position: center;
    width: 100%;
    height: 600px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .top-wrapper h1 {
    font-size: 20px;
    line-height: 36px;
  }
  
  .top-wrapper p {
    font-size: 14px;
    line-height: 20px;
  } 
  .button {
      width: 100%;
  }
  footer {
      text-align: center;
      height: 150px;
    }
  .footer-logo { 
    width: 100%;
  }
iframe{
  width: 50;
}
footer .container {
  width: 100%;
  padding-bottom: 20px;
}
    
  .nav a:not(:first-child) {
    display: none;
  }
  .nav a.icon {
    float: right;
    display: block;
}
.nav.responsive {
  position: relative;
  background-color: #292A2B;
}
.nav.responsive a.icon {
  position: absolute;
  right: 0;
  top: 0;
}
.nav.responsive a {
  float: none;
  display: block;
  text-align: left;
} 
}