html {
	  position: relative;
	  min-height: 100%;
	}
	body {
	  /* Margin bottom by footer height */
	  margin-bottom: 60px;
	}
	.container-responsive {
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#footbar{
		padding-top:10px;
		background-color:#222;
		min-height:70px;
		height:70px;
		max-height:70px;
	}
	.banner-bar {
		width:100%; 
		height:55px; 
		background-color:#333;
		padding:15px 10px 0 10px;
	}
	.banner-logo {
		line-height:0;
		font-family: 'Anton', sans-serif;
		font-size:35px;
		color:white;
		margin-top:.2em;
		border:1px solid #efefef;
		border-radius:.5em;
		padding:.2em .5em .1em .2em;
		background-color:#efefef;
		box-shadow: 0px 0px 20px 20px #efefef;
	}
	.four {
		font-size:1.3em;
	}
	.gym {
		font-style:italic;
		color:#03B4F2;
	}
	.banner-logo-bannerbar {
		float:left;
		background:transparent;
		border:none;
		box-shadow:none;
	}
	.banner-menu-item {
		padding-top:11px;
		font-family: calibri, sans-serif;
		line-height:0; 
		float:right;
		font-size:1.3em;
		font-weight:bold;
		color:white;
		text-decoration:none;
		margin-right:2vw;
	}
	.banner-menu-item:hover {
		text-decoration:none;
		color:#03B4F2;
	}
	@media only screen and (max-width:500px) {
		.banner-logo {
			font-size:7vw;
		}
		.banner-menu-item {
			 font-size:4vw;
		}
		.banner-bar {
			height:11vw;
		}
	}
	.banner-zone {
		height:25vw;
		min-height:25vw;
		text-align:center;
		overflow:hidden;
		background-position: center; /* Center the image */
		background-repeat: no-repeat; /* Do not repeat the image */
		background-size: cover; /* Resize the background image to cover the entire container */
	}
	.banner-zone img {
		width:100%;
		max-height:100%;
		overflow:hidden;
	}
	#banner-text {
		 /* position:relative; */
		font-weight:400;
		color:white;
		background-color:#5B9BD5;
		font-size:4vw;
		padding:1vw;
		border:2px solid white;
		border-radius:8px;
		width:25vw;
		margin-left:auto;
		margin-right:auto;
		/* margin-top:-15vw; */
		margin-top:5vw; 
		text-align:center;
		z-index:100;
		height:2em;
		max-height:200px;
		overflow:hidden;
		/* display:none; */
	}
	@media only screen and (min-width:1200px) {
		#banner-text {
			font-size:48px;
			width:25em;
		}
	}
	.lower-bar {
		width:100%; 
		height:25px; 
		background-color:#555;
		padding:2px 10px 0 10px;
		color:gold;
		text-align:center;
		font-size: 10px;
	}
	@media only screen and (min-width:500px) {
		.lower-bar{
			font-size:15px;
		}
	}

	.footer {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  height: 60px;
	  background-color: #222;
	  color:white;
	  padding:10px 10px 0 10px;
	}
	.footer a {
		color:white;
		text-decoration:none;
	}