/* Hide registration form */
form#register {
  display: none;
}
/* Hide irrelevant buttons on page load */
button#backButton {
  display: none;
}
button#registerButton {
  display: none;
}
/* Hiding fieldsets we do not need */
.slide.two fieldset,
.slide.three fieldset {
  display: none;
}
/* Next button is full width on the first slide */
.inputContainer.button.register button#nextButton.full {
  width: 100%;
}

/* Slide & fieldset manipulation */
.slide.two,
.slide.three {
  padding: 20px;
  width: calc((100% / 3) - 40px);
}
.slide.two fieldset,
.slide.three fieldset {
  padding: 0;
  width: 100%;
}
.slide.two fieldset .inputContainer,
.slide.three fieldset .inputContainer {
  margin-left: 5px !important;
  margin-right: 5px !important;
  width: calc(100% - 10px) !important;
}
.slide.two fieldset .inputContainer.half,
.slide.three fieldset .inputContainer.half {
  margin-left: 5px !important;
  margin-right: 5px !important;
  width: calc(50% - 10px) !important;
}
.slide.two fieldset .inputContainer.third,
.slide.three fieldset .inputContainer.third {
  margin-left: 5px !important;
  margin-right: 5px !important;
  width: calc(30% - 10px) !important;
}
.slide.two fieldset .inputContainer.quarter,
.slide.three fieldset .inputContainer.quarter {
  margin-left: 5px !important;
  margin-right: 5px !important;
  width: calc(25% - 10px) !important;
}
.slide.two fieldset .inputContainer.twothirds,
.slide.three fieldset .inputContainer.twothirds {
  margin-left: 5px !important;
  margin-right: 5px !important;
  width: calc(70% - 10px) !important;
}
.slide.two fieldset .inputContainer.half.checkbox,
.slide.three fieldset .inputContainer.half.checkbox {
  width: calc(50% - 20px) !important;
}
@media all and (max-width: 620px){
  .slide.one,
  .slide.two,
  .slide.three {
    padding: 5px;
    width: calc((100% / 3) - 10px);
  }
  .slide.two fieldset,
  .slide.three fieldset {
    padding: 0;
    width: 100%;
  }
  .slide.two fieldset .inputContainer,
  .slide.three fieldset .inputContainer {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: calc(100% - 10px) !important;
  }
  .slide.two fieldset .inputContainer.half,
  .slide.three fieldset .inputContainer.half {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: calc(100% - 10px) !important;
  }
  .slide.two fieldset .inputContainer.third,
  .slide.three fieldset .inputContainer.third {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: calc(100% - 10px) !important;
  }
  .slide.two fieldset .inputContainer.quarter,
  .slide.three fieldset .inputContainer.quarter {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: calc(100% - 10px) !important;
  }
  .slide.two fieldset .inputContainer.twothirds,
  .slide.three fieldset .inputContainer.twothirds {
    margin-left: 5px !important;
    margin-right: 5px !important;
    width: calc(100% - 10px) !important;
  }
  .slide.two fieldset .inputContainer.half.checkbox,
  .slide.three fieldset .inputContainer.half.checkbox {
    width: calc(100% - 20px) !important;
  }
  form fieldset {
    width: calc(100% - 40px);
    padding: 20px;
  }
}

.inputContainer.center {
  text-align: center;
}