@media screen and (max-width: 899px) {

	a:link.linksTop, a:active.linksTop, a:visited.linksTop, a:hover.linksTop {
		display: none;
	}

	#navMob {
		position: fixed;
		left: -104%;
		top: 0px;
		z-index: 1000;
		display: flex;
		width: 100%;
		height: 100%;

		justify-content: center;
		align-items: center;

		background-color: #000000ee;
		border-right: 1px solid #ffffff;

		transition: left 0.5s ease-in-out;
	}

	#buttMobNav {
		position: fixed;
		right: 20px;
		top: 25px;
		z-index: 1001;
		display: block;
		height: 40px;

		border: 3px solid #ffffff;
		border-radius: 50%;

		cursor: pointer;
		user-select: none;

		transition: all 0.3s ease-in-out;
	}

	a:link.linksMob, a:active.linksMob, a:visited.linksMob, a:hover.linksMob {
		display: block;
		text-decoration: none;
	
		text-transform: capitalize;
		font-size: 16px;
		margin-top: 15px;
		margin-bottom: 15px;
	
		color: #ffffff;
	}

	a:link.linksMob img, a:active.linksMob img, a:visited.linksMob img, a:hover.linksMob img {
		display: inline;
		height: 30px;
		margin-right: 10px;
		vertical-align: middle;

		border: 2px solid #444444;
		border-radius: 50%;
		padding: 5px;
	}

	.mobSelected {
		color: #f6d181 !important;
	}

	.mobSelected img {
		border-color: #f6d181 !important;
	}

	.tideDataTd {
		width: 70px;
	}

	#messageForm {
		margin-bottom: 50px;
	}

	#messageHolder {
		display: block;
	}

	#messageHolder div {
		margin-bottom: 30px;
	}

}


@media screen and (max-width: 799px) {

	.weatherFlex {
		display: block;
	}

	.fright, .fleft {
		float: none;
		width: auto;
		max-width: calc(100% - 2px);
		max-height: 350px;
	
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
	
	.titleRight, .titleLeft {
		text-align: center;
	}
	
}


@media screen and (max-width: 699px) {

	.twoColumns {
		columns: 1;
	}
	
}


@media screen and (max-width: 599px) {

	.content {
		width: calc(100% - 40px);
		padding-left: 20px;
		padding-right: 20px;
	}

	p {
		line-height: 24px;
	}
	
}


@media screen and (max-width: 499px) {

#tideTable {
	font-size: 14px;
}

.tideDataTd {
	width: 50px;
}

#bottomInner {
	display: block;
	width: calc(100% - 40px);

	padding-left: 20px;
	padding-right: 20px;
}

#bottomInner p {
	text-align: center;
}

#bottomInner img {
	display: block;
	margin: auto;
}

#p58 {
	width: 100px;
}

.listItem {
	display: block;
	margin-bottom: 30px;
	text-align: center;
}

.listItem img {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: auto;
	margin-bottom: 15px;
}

.newsSub {
	margin-top: 10px;
}


}