header {
  width: 100%;
  height: 100px;
  background-color: #E8FFFF;
  position: fixed;
  top: 0;
}

header #logo {
  padding: 30px 5vw;
}

#privacy {
  width: 100%;
  max-width: 768px;
  padding: 1em;
  margin: calc(5vh + 100px) auto 15vh;
}

#privacy h2 {
  padding-bottom: 1em;
  letter-spacing: 0.15px;
  text-align: center;
}

#privacy p {
  text-align: justify;
  color: rgba(0, 0, 0, 0.6);
}

#result {
  width: 100%;
  max-width: 768px;
  margin: 30vh auto 20vh;
  text-align: center;
}

#result .success {
  width: 40vw;
  height: 40vw;
  margin: auto;
  padding: 0.4em;
  border-radius: 50%;
  background-image: radial-gradient(white 45%, #77E9C9 45%);
  color: #1CB58A;
  -webkit-box-shadow: 0 0.5em 5px #DDD;
          box-shadow: 0 0.5em 5px #DDD;
}

#result .success i {
  font-size: calc(40vw - 0.8em);
}

#result h2.ok {
  color: #199F79;
  padding: 0.8em 0;
}

#result .miss {
  width: 40vw;
  height: 40vw;
  margin: auto;
  padding: 0.4em;
  border-radius: 50%;
  background-image: radial-gradient(white 45%, #F2CB57 45%);
  color: #F2B705;
  -webkit-box-shadow: 0 0.5em 5px #DDD;
          box-shadow: 0 0.5em 5px #DDD;
}

#result .miss i {
  font-size: calc(40vw - 0.8em);
}

#result h2.no {
  color: #B00020;
  padding: 0.8em 0;
}

#result p {
  padding: 0.2em 0;
}

#result p.tel {
  color: rgba(0, 0, 0, 0.38);
}

#result p.point {
  font-weight: 700;
}

footer {
  width: 100%;
  background-color: #FFF;
  position: fixed;
  bottom: 0;
  padding: 0.5em 1em;
}

*[class^=btn] {
  display: inline-block;
  border-radius: 0.25em;
  text-align: center;
  padding: 1em 1.875em;
  cursor: pointer;
}

.btn-theme {
  background-color: #00CDCC;
  color: #FFF;
}

.btn-themeW100 {
  width: 100%;
  background-color: #00CDCC;
  color: #FFF;
}

.btn-white {
  background-color: #FFF;
  color: #00CDCC;
}

@media only screen and (min-width: 768px) {
  #result {
    width: 100%;
    max-width: 768px;
    margin: 25vh auto 20vh;
    text-align: center;
  }
  #result .success {
    width: 20vw;
    height: 20vw;
    margin: auto;
    padding: 0.4em;
    border-radius: 50%;
    background-image: radial-gradient(white 45%, #77E9C9 45%);
    color: #1CB58A;
    -webkit-box-shadow: 0 0.5em 5px #DDD;
            box-shadow: 0 0.5em 5px #DDD;
  }
  #result .success i {
    font-size: calc(20vw - 0.8em);
  }
  #result h2.ok {
    color: #199F79;
    padding: 0.8em 0;
  }
  #result .miss {
    width: 20vw;
    height: 20vw;
    margin: auto;
    padding: 0.4em;
    border-radius: 50%;
    background-image: radial-gradient(white 45%, #F2CB57 45%);
    color: #F2B705;
    -webkit-box-shadow: 0 0.5em 5px #DDD;
            box-shadow: 0 0.5em 5px #DDD;
  }
  #result .miss i {
    font-size: calc(20vw - 0.8em);
  }
  #result h2.no {
    color: #B00020;
    padding: 0.8em 0;
  }
}
/*# sourceMappingURL=design.css.map */