.hand {
  top: 10px;
  padding-left:75%;
  position: relative;
}

.signup {
  top: -60px;
  padding-left:60%;
  position: relative;
}

.hand-hm {
  top: 70px;
  padding-left:10%;
  position: relative;
}

.signup-hm {
  top: -15px;
  padding-left:10%;
  position: relative;
}


.dotsm {
  height: 35px;
  width: 35px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
}

.dot {
  height: 45px;
  width: 45px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
}

.logo2 {
  height: 45px;
  width: 45px;
}


.informatie {
  top: -30px;
  padding-left:70%;
  position: relative;
}

.logo {
  height: 20px;
}

.logo2sm {
  height: 35px;
  width: 35px;
}

.bggrey_gradient {
  color:  white;
  background: #9152f8;
  background: -webkit-linear-gradient(top, #DDDDDD, #333333);
  background: -o-linear-gradient(top, #DDDDDD, #333333);
  background: -moz-linear-gradient(top, #DDDDDD, #333333);
  background: linear-gradient(top, #DDDDDD, #333333);
}

@media screen and (max-width: 640px) {
      .show-mobile {
        display: block;
      }
      .hide-mobile {
        display: none;
      }
}

@media screen and (min-width: 641px) {
      .show-mobile {
        display: none;
      }
      .hide-mobile {
        display: block;
      }
}

.logo {
  height: 20px;
}

.bgpurple_gradient {
  color:  white;
  background: #9152f8;
  background: -webkit-linear-gradient(top, #7579ff, #b224ef);
  background: -o-linear-gradient(top, #7579ff, #b224ef);
  background: -moz-linear-gradient(top, #7579ff, #b224ef);
  background: linear-gradient(top, #7579ff, #b224ef);
}

/* Make the image to responsive */
.image {
  display: block;
  width: 100%;
  height: auto;
}

.image_wrapper {
  position: relative;
}

.image_overlay {
  position: absolute; 
  left: 0;
  top: 10;
}


.container2 {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.container2 img {vertical-align: middle;}

.container2 .content2 {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.gm70_image {
  width: 70%; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.gm80_image {
  width: 80%;
  max-width: 720px;
  text-align: center; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.gm100_image {
  width: 100%; 
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;

}

.gm100_logo {
  width: 100%; 
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px; 
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;  
}

.gm70_logo {
  width: 70%; 
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px; 
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;  
}

.gm80_logo {
  width: 80%; 
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px; 
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;  
}