body {
		background: #000;
		min-height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		-webkit-font-smoothing: antialiased;
		}
		
				#tideinitial {
		background: url(../images/initial.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tideinitial.night {
		background: url(../images/initial-night.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tideinitial.dusk {
		background: linear-gradient(rgba(0,24,46,.5), rgba(0,24,46,.5)), url(../images/initial.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tideinitial.dawn {
		background: linear-gradient(rgba(95,67,0,.4), rgba(95,67,0,.4)), url(../images/initial.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide0 {
		background: url(../images/0-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide0.night {
		background: url(../images/0-ft-night.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide0.dusk {
		background: linear-gradient(rgba(46,11,0,.5), rgba(0,24,46,.5)), url(../images/0-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide0.dawn {
		background: linear-gradient(rgba(95,67,0,.4), rgba(95,67,0,.4)), url(../images/0-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide1 {
		background: url(../images/1-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide1.night {
		background: url(../images/1-ft-night.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide1.dusk {
		background: linear-gradient(rgba(46,11,0,.5), rgba(0,24,46,.5)), url(../images/1-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide1.dawn {
		background: linear-gradient(rgba(95,67,0,.4), rgba(95,67,0,.4)), url(../images/1-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide2 {
		background: url(../images/2-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		height: calc (100vh-160px);
		
		}
		
				#tide2.night {
		background: url(../images/2-ft-night.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide2.dusk {
		background: linear-gradient(rgba(46,11,0,.5), rgba(0,24,46,.5)), url(../images/2-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide2.dawn {
		background: linear-gradient(rgba(95,67,0,.4), rgba(95,67,0,.4)), url(../images/2-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide3 {
		background: url(../images/3-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide3.night {
		background: url(../images/3-ft-night.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide3.dusk {
		background: linear-gradient(rgba(46,11,0,.5), rgba(0,24,46,.5)), url(../images/3-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide3.dawn {
		background: linear-gradient(rgba(95,67,0,.4), rgba(95,67,0,.4)), url(../images/3-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide4 {
		background: url(../images/4-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide4.night {
		background: url(../images/4-ft-night.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide4.dusk {
		background: linear-gradient(rgba(46,11,0,.5), rgba(0,24,46,.5)), url(../images/4-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide4.dawn {
		background: linear-gradient(rgba(95,67,0,.4), rgba(95,67,0,.4)), url(../images/4-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
				#tide5 {
		background: url(../images/5-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide5.night {
		background: url(../images/5-ft-night.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide5.dusk {
		background: linear-gradient(rgba(46,11,0,.5), rgba(0,24,46,.5)), url(../images/5-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
		
				#tide5.dawn {
		background: linear-gradient(rgba(95,67,0,.4), rgba(95,67,0,.4)), url(../images/5-ft.jpg) no-repeat center center fixed;
		-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
		background-size: cover;
		
		
		}
			
			 
			.flagoff {
			min-height: calc(100vh - 56px);
			}
			
			.flagon {
			min-height: calc(100vh - 88px);
			} 
			 
			 
			h2 {
			font-size: calc(1.5rem + .8vw);
			}
			
			
			li, .current {
			font-size: calc(1.0rem + .8vw);
			}
			
			.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
			color: #000;
			background-color: #73c8f0;
			}
			
			.nav-link {
			color: #64c3fa;
			}
			
			.nav-link:focus, .nav-link:hover {
			color: #FFF;
			}
			
			.link-light {
			color: rgba(255,255,255, 1)!important;
			}
			
			.link-dark {
			color: rgba(0,0,0, 1)!important;
			}
			
			.bg-dkblue {
			background-color: #001e3d;
			}
			
			.bg-footer {
			background-color: #1c4662;
			}
			
			.bg-footer.night {
			background-color: #000;
			}
			
			.navbar-brand, navbar-brand:hover {
			/*color: #73c8f0 !important;*/
			}
			
			.focus-ring.focus-ring-light:focus {
			 			box-shadow:  0 0 0 .1rem rgba(255,255,255, .75) !important;
			 }
			 
			 .focus-ring.focus-ring-credit:focus {
			 			box-shadow:  0 0 0 .1rem rgba(0, 0, 0, 1.0), 0 0 0 .2rem rgba(13,202,240, 1.0) !important;
			 }
			 
			.focus-ring.focus-ring-dark:focus, .bmc-btn:focus {
			 			box-shadow: 0 0 0 .1rem rgba(255, 255, 255, 1.0), 0 0 0 .25rem rgba(128, 128, 128, 1.0) !important;
			 }
			 
			.focus-ring.focus-ring-black:focus {
			 			box-shadow: 0 0 0 .1rem rgba(0, 0, 0, .75) !important;
			 }