/*Linear Gradien – Atas ke bawah*/
#gradien1 {
  background-image: linear-gradient(#72a4d2, #4ea984);
}

/*Linear Gradien – Kiri ke Kanan*/
#gradien2 {
  background-image: linear-gradient(to right, #4682B4, #00FFFF, #00FA9A);
}

/*Linear Gradient – Diagonal*/
#gradient3 {
  background-image: linear-gradient(to bottom right, #FF0000, #FFC0CB);
}

/*Linear Gradient – Angles*/
#gradient4 {
  background-image: linear-gradient(-90deg, red, yellow);
}

/*Linear Gradient – Multiple Color*/
#gradient5 {
  background-image: linear-gradient(red, #FF1493, rgba(255, 192, 203));
}

/*Linear Gradient – Multiple Color Kiri ke Kanan*/
#gradient6 {
  background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
}

/*Linear Gradient – Transparan*/
#gradient7 {
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(255, 0, 0, 1));
}

/*Linear Gradient – Repeat/Mengulang Warna*/
#gradient8 {
  background-image: repeating-linear-gradient(#00FA9A, #FFFF00 10%, #FF4500 20%);
}

/*Gradient – Radial*/
#gradient9 {
  background-image: radial-gradient(red, orange, yellow);
}

/*Gradient Radial – Ketebalan Warna*/
#gradient10 {
  background-image: radial-gradient(red 5%, yellow 15%, green 60%);
}

#bgimage {
  background-image: url('../../foto/bg/background.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /* position: fixed;
  width: auto;
  height: auto; */
  background-size: cover;
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url('../../foto/bg/background2.jpg');
  }
}