.masthead.segment {
  min-height: auto;
  padding: 4em 0em;
  background-size: cover !important;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.masthead.segment .logo.item img {
  margin-right: 1em;
}
.masthead.segment .ui.menu .ui.button {
  margin-left: 0.5em;
}
.masthead.segment h1.ui.header {
  margin-top: 0;
  margin-bottom: 0em;
  font-size: 4em;
  font-weight: normal;
}
.masthead.segment h2 {
  font-size: 1.7em;
  font-weight: normal;
}
#welcomeMasthead .box-header > .header {
  font-size: 4rem;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
#welcomeMasthead .sub-header {
  font-size: 1.6rem;
}
@media (max-width: 750px) {
  #welcomeMasthead .box-header > .header {
    font-size: 3rem;
  }
  #welcomeMasthead .sub-header {
    font-size: 1.4rem;
  }
  .masthead.segment {
    padding-top: 5rem;
    height: 100vh;
    min-height: auto;
  }
  .masthead > h1.ui.header {
    font-size: 2em;
    margin-top: 1.5em;
  }
  .masthead > h2 {
    margin-top: 0.5em;
    font-size: 1.5em;
  }
}
@media (max-width: 320px) {
  #welcomeMasthead .box-header > .header {
    font-size: 2rem;
  }
  #welcomeMasthead .sub-header {
    font-size: 1rem;
  }
  .masthead.segment {
    padding-top: 1rem;
  }
}
.ui.vertical.masthead {
  height: auto;
  min-height: 100vh;
}
#heading1 {
  font-size: 3rem;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
.ui.fluid.orange.button {
  margin-top: 5px;
}
/* ShowBookingAttendanceStatusPage & ShowBookingStatusPage */
#checkBookingId {
  font-size: 1rem;
  line-height: 2;
}