			/* 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;
				}
			}