#background_gradient {
    background-image:
    linear-gradient(to bottom, rgb(245, 246, 252, -0.5) 60%, rgb(135, 206, 235));
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
}

body, html {
    height: 100%;
}

body {
    background-image: url("../assets/bg_fixed_bw.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#background1 {
    background-image: url("../assets/bg_img1.jpg");
}

#background2 {
    background-image: url("../assets/bg_img2.jpg");
    
}

#background3 {
    background-image: url("../assets/bg_img3.jpg");
    
}

#background4 {
    background-image: url("../assets/bg_img4.jpg");
    
}

#background5 {
    background-image: url("../assets/bg_img5.jpg");
    
}

.bg_img{
    height: 100%;
    max-width: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#iFrameMap{
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 10%, rgba(0,0,0,0));
}

.container {
  display: flex;
  width: 320px;
  flex-wrap: wrap; 
  /* this makes sure items are dropped to the next row when they are out of space  */
}

.item {
  display: flex;

  flex-basis: 50%; 
  /* this makes sure there are two items per row */
}

.icon {
  width: 25px;
  height: 25px;
  /* background-color: grey; */
}

.text {
  margin-left: 10px;
    width: max-content;

}

.div-buttons {
  text-align: center;
}