body {
		margin: 0px 0px 0px 0px;
		FONT-FAMILY: "Roboto Slab";
}



	
@media only screen and (min-width: 1800px) {
	#title {
		height: 140px;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#title span {
		font-size: 72px;
		margin-top: 40px;
	}
	#title-base {
		height: 15px;
		background-color: #BFE0FF;
	}
	#sign {
		width: 20vw;
		top: 10px;
		right: 10px;
		position: absolute;
		border-style: solid; 
		border-width: 1px; 
		border-color: #000000;
	}
	#facebook {
		width: 48px;
		top: 69px;
		left: 10px;
		position: absolute;
	}
	#body-intro {
		background-color: #6a8682;
		display: flex;
		flex: row wrap;
		gap: 20px;
		padding: 0px;
		align-items: center;
	}
	#body-intro > div {
		flex-grow: 1;
	}
	#intro-text {
		flex-basis: 40%;
		color: white;
		font-size: 36px;
		padding: 30px 30px 30px 30px;
		text-align: center;
	}
	#intro-image {
		flex-basis: 60%;
	}
	#intro-image > img {
		width: 100%;
	}
	.section {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.section-heading {
		font-size: 36px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	#fish-intro, #membership-text {
		width: 60%;
		font-size: 24px;
		line-height: 48px;
	}
	#fish-stats {
		width: 80%;
		margin-top: 20px;
	}
	#fish-stats-counts {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: top;
		justify-content: space-evenly;
		font-size: 72px;
	}
	#fish-stats-counts > div {
		width: 33%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#fish-stats-icons {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}
	#fish-stats-icons > div {
		width: 33%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-left: 15px;
	}
	#lake {
		background-color: #BFE0FF;
		margin-top: 60px;
		color: #4F6360;
	}
	#lake-content {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: top;
	}
	#lake-content > div {
		margin: 10px 70px 0px 70px;
	}
	#lake-text {
		font-size: 24px;
		line-height: 48px;
	}
	#waiting-list {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: 3px solid #6a8682;
		width: 40%;
		color: #6a8682;
	}
	#waiting-list a {
		color: inherit;
		text-decoration: none;
		font-weight: 800;
		cursor: inherit;
	}
	#waiting-list:hover {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: 3px solid orange;
		color: orange;
		width: 40%;
		cursor: pointer;
	}
	#gallery-list {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.gallery-item {
		width: 45%;
		margin: 20px;
	}
	.gallery-item img {
		width: 100%
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1799px) {
	#title {
		height: 120px;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#title span {
		font-size: 72px;
		margin-top: 30px;
	}
	#title-base {
		height: 10px;
		background-color: #BFE0FF;
	}
	#facebook {
		width: 40px;
		top: 65px;
		left: 10px;
		position: absolute;
	}
	#sign {
		width: 18vw;
		top: 10px;
		right: 10px;
		position: absolute;
		border-style: solid; 
		border-width: 1px; 
		border-color: #000000;
	}
	#body-intro {
		background-color: #6a8682;
		display: flex;
		flex: row wrap;
		gap: 20px;
		padding: 0px;
		align-items: center;
	}
	#body-intro > div {
		flex-grow: 1;
	}
	#intro-text {
		flex-basis: 40%;
		color: white;
		font-size: 22px;
		padding: 20px 20px 20px 20px;
		text-align: center;
	}
	#intro-image {
		flex-basis: 60%;
	}
	#intro-image > img {
		width: 100%;
	}
	.section {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.section-heading {
		font-size: 22px;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	#fish-intro, #membership-text {
		width: 60%;
		font-size: 18px;
		line-height: 36px;
	}
	#fish-stats {
		width: 80%;
		margin-top: 20px;
	}
	#fish-stats-counts {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: top;
		justify-content: space-evenly;
		font-size: 72px;
	}
	#fish-stats-counts > div {
		width: 33%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#fish-stats-icons {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}
	#fish-stats-icons > div {
		width: 33%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-left: 15px;
	}
	#lake {
		background-color: #BFE0FF;
		margin-top: 60px;
		color: #4F6360;
	}
	#lake-content {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: top;
	}
	#lake-content > div {
		margin: 10px 30px 0px 30px;
	}
	#lake-content img {
		width: 100%;
	}
	#lake-text {
		font-size: 18px;
		line-height: 36px;
		width: 50%;
	}
	#waiting-list {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: 3px solid #6a8682;
		width: 40%;
		color: #6a8682;
	}
	#waiting-list a {
		color: inherit;
		text-decoration: none;
		font-weight: 800;
		cursor: inherit;
	}
	#waiting-list:hover {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: 3px solid orange;
		color: orange;
		width: 40%;
		cursor: pointer;
	}
	#gallery-list {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		flex-wrap: wrap;
	}
	.gallery-item {
		width: 45%;
		margin: 20px;
	}
	.gallery-item img {
		width: 100%
	}
}
	
@media only screen and (min-width: 0px) and (max-width: 1199px) {
	#title {
		height: 11vw;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#title span {
		font-size: 6vw;
		margin-top: 3vw;
	}
	#title-base {
		height: 0.5vw;
		background-color: #BFE0FF;
	}
	#facebook {
		width: 5vw;
		top: 4.5vw;
		left: 1vw;
		position: absolute;
	}
	#sign {
		width: 18vw;
		top: 1vw;
		right: 1vw;
		position: absolute;
		border-style: solid; 
		border-width: 1px; 
		border-color: #000000;
	}
	#body-intro {
		background-color: #6a8682;
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		align-items: center;
	}
	#body-intro > div {
		flex-grow: 1;
	}
	#intro-text {
		flex-basis: 100%%;
		color: white;
		font-size: 4vw;
		padding: 10px;
		text-align: center;
		order: 2;
	}
	#intro-image {
		flex-basis: 100%%;
		order: 1;
	}
	#intro-image > img {
		width: 100%;
	}
	.section {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.section-heading {
		font-size: 5vw;
		margin-bottom: 0px;
		margin-top: 20px;
	}
	#fish-intro, #membership-text {
		width: 80%;
		font-size: 4vw;
		line-height: 8vw;
	}
	#fish-stats {
		width: 95%;
		margin-top: 20px;
	}
	#fish-stats-counts {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: top;
		justify-content: space-evenly;
		font-size: 7vw;
	}
	#fish-stats-counts > div {
		width: 33%;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#fish-stats-icons {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}
	#fish-stats-icons > div {
		width: 33%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		padding-left: 15px;
	}
	#lake {
		background-color: #BFE0FF;
		margin-top: 30px;
		color: #4F6360;
	}
	#lake-content {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: top;
	}
	#lake-content > div {
		margin: 10px 30px 0px 30px;
		order: 2;
		width: 100%;
	}
	#lake-content img {
		width: 100%;
	}
	#lake-text {
		font-size: 4vw;
		line-height: 8vw;
		width: 100%;
		order: 1;
	}
	#waiting-list {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: 2px solid #6a8682;
		width: 40%;
		color: #6a8682;
	}
	#waiting-list a {
		color: inherit;
		text-decoration: none;
		font-weight: 800;
		cursor: inherit;
	}
	#waiting-list:hover {
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border: 2px solid orange;
		color: orange;
		width: 40%;
		cursor: pointer;
	}
	#gallery-list {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		flex-wrap: wrap;
		width: 100%;
		margin-top: 20px;
	}
	.gallery-item {
		width: 100%;
		margin: 0px 20px 20px 20px;
	}
	.gallery-item img {
		width: 100%
	}
}