/* Global rules for mobile */
.mobile #header {
  min-height: 100%;
}
.mobile #subheader {
  width: 100%;
  padding: 1em 1em 0;
}
.mobile h1,
.mobile h2,
.mobile h3,
.mobile h4 {
  text-align: center;
}
.mobile h1 {
  font-size: 2.5rem;
  line-height: 3rem;
}
.mobile h2 {
  font-size: 1.75rem;
  line-height: 1.5rem;
}
.mobile h3 {
  font-size: 1.5rem;
  line-height: 1.25rem;
}
.mobile h4 {
  font-size: 1.25rem;
  line-height: 1rem;
}
.mobile #content {
  overflow-x: hidden;
  width: 100%;
}
.mobile .content {
  padding: 2rem 1rem;
}
.mobile .content ul {
  padding-left: 1em;
}
.mobile .horizontal_box {
  display: block;
}
.mobile .horizontal_box.wrap {
  flex-wrap: nowrap;
}
.mobile .continue_below {
  display: none;
}
.mobile #header.short {
   min-height: 10vh;
}
.mobile form {
  margin: 50px auto 2em !important;
}
.mobile form .action {
  text-align: center;
}
.mobile form .action button {
  max-width: unset;
}
.mobile form .result {
  display: block;
  width: unset;
}
.mobile .group {
  margin-left: 0;
  padding-left: 1em;
}

/* Rules for mobile portrait mode */
.mobile.portrait .horizontal_box .item.size_1_2,
.mobile.portrait .horizontal_box .item.size_1_3,
.mobile.portrait .horizontal_box .item.size_2_3 {
  width: auto !important;
}
.mobile.portrait .left,
.mobile.portrait .right,
.mobile.portrait .left.size_1_2,
.mobile.portrait .right.size_1_2,
.mobile.portrait .left.size_1_3,
.mobile.portrait .right.size_1_3,
.mobile.portrait .left.size_2_3,
.mobile.portrait .right.size_2_3 {
  display: block;
  width: 100%;
}

/* Rules for mobile landscape mode */