@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700";
*{
  margin:0;
  padding:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box}
a{
  text-decoration:none;
  cursor:pointer !important}
ul li{
  list-style:none}
html{
  font-size:62.5%;
  -webkit-text-size-adjust:100%}
img{
  border:none;
  vertical-align:middle;
  max-width:100%}
body{
  font-family:'Open Sans', Arial, sans-serif;
  font-size:1.6rem;
  min-width:320px;
  min-height:480px;
  line-height:1.3;
  color:#ed6e16;
  background:#A6F0BB}
:focus{
  outline:0}
.header{
  text-align:center;
  padding:1rem}
.logo{
  max-width:350px}
.step{
  display:none;
  margin:0 auto;
  max-width:990px;
  width:90%;
  position:relative;
  text-align:center}
.step.visible{
  display:block}
.step-title{
  font-size:3rem;
  text-transform:uppercase;
  margin:2rem;
  font-weight:700;
  color:#0086cb}
.step-title p{
  color:#fff}
.step-title span,p.highlight{
  color:#ed6e16}
.btn{
  display:inline-block;
  width:30%;
  border-radius:200px;
  overflow:hidden;
  border:3px solid #fff;
  transition:all 0.2s linear;
  margin:1rem 0.5rem}
.btn:hover{
  border-color:#ed6e16}
.btn.animation{
  border-width:12px;
  border-color:#ed6e16}
.btn-start{
  background:#e41f1a;
  background:-moz-linear-gradient(top, #e41f1a;
      0%, #f43f3a;
      99%);
  background:-webkit-linear-gradient(top, #e41f1a;
      0%,#f43f3a;
      99%);
  background:linear-gradient(to bottom, #e41f1a;
      0%,#f43f3a;
      99%);
  border-bottom:4px solid #f43f3a;
  border-radius:3px;
  color:#fff;
  display:block;
  font-size:24px;
  margin:2rem auto;
  overflow:hidden;
  padding:1.5rem 0;
  text-align:center;
  text-shadow:2px 2px rgba(0, 0, 0, 0.2);
  text-transform:uppercase;
  width:300px}
@media (max-width:960px){
  html{
    font-size:55%}
}
@media (max-width:600px){
  html{
    font-size:50%}
  .btn{
    width:100%;
    max-width:300px}
}