#icons {
  width: 100%;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
}

#badge {
  visibility: visible;
  font-family: HLight;
  background-color: red;
  font-size: var(--fontsize);
  width: var(--badgeWidth);
  height: var(--badgeHeight);
  line-height: var(--badgeHeight);
  border-radius: var(--BR);
  margin-left: -65px;
  display: inline-block;
  position: absolute;
  opacity: 90%;
  transform: translateX(var(--BX)) translateY(var(--BY));
  transition-duration: 0.5s;
}

#badgeSmall{
  visibility: hidden;
}

#s2Point {
  font-family: HLight;
  font-size: 45px;
  letter-spacing: -2px;
  line-height: 1;
  text-align: center;
}

#s2Help {
  font-family: Hthin;
  font-size: 25px;
  letter-spacing: -2px;
  margin-top: 2vw;
  padding-right: 5vw;
  text-align: right;
}

#s2Download {
  font-family: HMed;
  text-align: center;
  font-family: HMed;
  font-size: 2vw;
  height: 2vw;
  padding: 1vw;
  margin-left: 40vw;
  margin-right: 40vw;
  margin-top: 2vw;
  line-height: 2vw;
  border: 0.3vw solid white;
  border-radius: 5vw;
}

@media screen and (max-width: 800px) {
  #icons {
    width: 200%;
    text-align: center;
    padding-top: 7vw;
    padding-bottom: 10vw;
    margin-left: -50vw;
  }

  #messagesIcon {
    display: inline-block;
    width: 49vw;
  }
  #mailIcon {
    display: inline-block;
    width: 51vw;
  }
  #settingsIcon {
    display: inline-block;
    width: 48vw;
  }

  #badge{
    visibility: hidden;

  }
  #badgeSmall{
    visibility: visible;
    font-family: HLight;
    background-color: red;
    font-size: var(--fontsize);
    width: var(--BX);
    margin-left: var(--BLeft);
    margin-right: var(--BRight);
    height: var(--badgeHeight);
    line-height: var(--badgeHeight);
    border-radius: var(--BR);
    text-align: center;
    position: fixed;
    opacity: 90%;
    transform: translateY(var(--BY));
    transition-duration: 0.3s;
  }

  #s2Point {
    font-family: HLight;
    font-size: 5vw;
    width: 100%;
    text-align: center;
    letter-spacing: -1px;
    line-height: 1;
    text-align: center;
  }

  #s2Help {
    font-family: Hthin;
    font-size: 4vw;
    letter-spacing: -1px;
    line-height: 7;
    padding-top: 7vw;
    padding-right: 3vw;
    text-align: right;
  }

  #s2Download {
    font-family: HMed;
    text-align: center;
    font-family: HMed;
    font-size: 5vw;
    height: 4vw;
    padding: 1vw;
    margin-left: 25vw;
    margin-right: 25vw;
    margin-top: 5vw;
    line-height: 4vw;
    border: 0.3vw solid white;
    border-radius: 5vw;
  }
}