body {
    font-family:  "Montserrat", sans-serif;;
}

/* Small devices (landscape phones, 576px ke atas) */
@media (max-width: 576px) {
  .bg-page1 {
    background-image: url(../img/bg-Main.jpeg);
  }
  .bg-page2 {
    background-image: url(../img/bg2.jpeg);
  }
  .bg-page3 {
    background-image: url(../img/bg2.jpeg);
  }
  .bg-page4 {
    background-image: url(../img/bg4.jpeg);
  }
  .bg-page5 {
    background-image: url(../img/bg3.jpeg);
  }
  .bg-register {
    background-image: url(../img/Register.jpeg);
  }
}
  
  /* Medium devices (tablets, 768px ke atas) */
  @media (min-width: 768px) {
    .bg-page1 {
      background-image: url(../img/bgMain-Desktop.jpg);
    }

    .bg-page2 {
      background-image: url(../img/bg-desktop/bg2-Dekstop.png);
    }

    .bg-page3 {
      background-image: url(../img/bg-desktop/bg2-Dekstop.png);
    }
    
    .bg-page4 {
      background-image: url(../img/bg3-Dekstop.png);
    }

    .bg-page5 {
      background-image: url(../img/bg4-Dekstop.png);
    }
    .bg-register {
      background-image: url(../img/bgRegister-Dekstop.png);
    }
    
  }
  
  /* Large devices (desktops, 992px ke atas) */
  @media (min-width: 992px) {

    .maps {
      padding-bottom: 40% !important;
    }
  }
  
  /* Extra large devices (large desktops, 1200px ke atas) */
  @media (min-width: 1200px) {

      /* CSS untuk tampilan large desktop */
    }

  /* XX-Large devices (larger desktops, 1400px ke atas) */
  @media (min-width: 1400px) {
    }