@font-face {
  src: url("static/fonts/granville/Granville-Regular.woff") format("woff");
  font-family: 'Granville-Regular';
  font-weight: normal;
  font-style: normal
}

@font-face {
  src: url("static/fonts/faktpro/FaktPro-Normal.woff") format("woff");
  font-family: 'FaktPro';
  font-weight: normal;
  font-style: normal
}

@font-face {
  src: url("static/fonts/faktpro/FaktPro-Bold.woff") format("woff");
  font-family: 'FaktPro';
  font-weight: bold;
  font-style: normal
}

@font-face {
  src: url("static/fonts/nexa/hinted-Nexa.woff") format("woff");
  font-family: 'Nexa';
  font-weight: normal;
  font-style: normal
}

@font-face {
  src: url("static/fonts/nexa/hinted-NexaBold.woff") format("woff");
  font-family: 'Nexa';
  font-weight: bold;
  font-style: normal
}

.adabe-button-show-on-hover {
  opacity: 0.01;
  transition: opacity 0.25s;
}

.adabe-button-show-on-hover:hover {
  opacity: 1;
}

.desktop-image {
  width: 100%;
  display: block;
}

.responsive-image {
  width: 100%;
  display: none;
}

.setup-button {
    width: 18.5%;
    height: 10%;
    left: 19.5%;
    top: 21.3%;
}

@media only screen and (max-width: 768px) {
  .desktop-image {
    display: none;
  }

  .responsive-image {
    display: block;
  }

  .setup-button {
    idth: 49.1%;
    height: 11.6%;
    left: 3.2%;
    top: 52.6%;
  }
}