.bg-purp {
  background: #775388;
}
.text-purp {
  color: #775388;
}

.buttonWhite {
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 15px;
    width: 200px;
    font-size: 26px;
    color: #fff;
    margin-top: 100px;
  }
.buttonPurp {
    border: 1px solid #775388;
    background-color: transparent;
    border-radius: 15px;
    width: 200px;
    font-size: 26px;
    color: #775388;
    margin-top: 100px;
  }

/* #region Logo Position */

.thumbnail {
  display: block;
  position: relative;
}
.thumbnailDiv {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -0%);
}
.thumbnailDiv img {
  max-width: 390px;
}

.logo-position {
  position: relative;
  top: 300px;
}
.logo-position img{
    max-height: 150px;
}

/*#endregion */
@media (max-width: 480px) { 
    .logo-position {
        position: relative;
        top: 50px;
      }
      .thumbnailDiv {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 300px);
      }
      .thumbnailDiv img {
        max-height: 200px;
      }

    .buttonPurp, .buttonWhite {
        margin-top: 10px;
      }
 }