header {
				background-color:rgba(19, 26, 51, 1);
			}
			@media only screen and (max-width : 580px) {
				header {
					background: transparent;
					position: relative;
				}
				header:hover {
					background: transparent;
				}
			}


		#outer {

		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url("images/hideout_bg.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("images/hideout_bg.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url("images/hideout_bg.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.4)), url("images/hideout_bg.jpg");
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 0;

		}


		#banner {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/hideout_bg.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("images/hideout_bg.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/hideout_bg.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url("images/hideout_bg.jpg");
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		color: #d0e4f8;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		height: 85vh;

		overflow: hidden;
		position: relative;
		text-align: center;
		box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.2);
		}