/* custom css */
#wizathonButtons {
   display: flex;
   column-gap: 1.5rem;
}

.activeButton {
  background: linear-gradient(to right, #4d7ec4,   #003278);
  border-radius: 10px;
  height: 120px;
  font-family: Open Sans, Arial, sans-serif;
  font-size: 2.0em;
  font-weight: 900;
  color: #fff;
  line-height: 1.1em;
  padding: 20px;
  width: 33%;
cursor: pointer;
}

#sponsorButton {
width: 40%;
}

@media screen and (max-width: 1140px) { /* only do this if the screen size becomes less than 1140px */

}

@media screen and (max-width: 760px) { /* only do this if the screen size becomes less than 1140px */
  #wizathonButtons {
    display: block;
  }
  .activeButton {
    width: 100%;
    margin-bottom: 10px;
    height: 60px;
    font-size: 1.3em;
  }
 #sponsorButton {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    height: 70px;
    font-size: 1.3em;
 }
}