/* BE hdr template */
body {
  padding: 0;
  
}
.shell-hdr {
  display: flex;
  flex-flow:  column wrap;
  align-items: center;
}

.shell-hdr .hero {
  width: 100%;
  height: 50vh;
  background-repeat: no-repeat;
  background-size:  cover;
  background-position:  center;
}


/* BE styles */
.shell-be {
  padding: 80px 0;				
}

/*********************************
Media Queries 
********************************/

/* Mobile portrait */
@media only screen and (max-width : 753px) {
  .main-header {
    position: relative;
    box-shadow: none;
    margin: 0;
  }

  .shell-be {
    padding: 20px 0;
  }

  #mainStage {
    margin-top: 35px;
  }

  #guest-login {
    position: relative;
    width: 100px;
    margin-bottom: 20px;
  }
}