html {
			min-height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		body {
			padding: 0;
			margin: 0;
			border: none;
			font-size: 30px;
			font-weight: normal;
			font-family: Verdana,Arial,Helvetica,sans-serif;
			line-height: 48px;
			color: #000000;
			text-align: center;
			background-color: #e6af5d;
		}
		.wb-content {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			margin: 0 40px;
		}
        .nav-bar {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			margin: 0 40px;
		}
		.wb-hr {
			display: block;
			border-top: 4px solid #cbcac7;
			width: 100%;
			max-width: 300px;
			margin: 30px auto;
			box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		}
        .nav-button {
            display: inline-block;
            padding: 5px 10px;
            margin: 10px;
            font-size: 15px;
            color: black;
            background-color: #cbcac7;
            border: none;
            border-radius: 8px;
            text-decoration: none;
            cursor: pointer;
            text-align: center;
        }
        .nav-button:hover {
            background-color: #555;
        }
		h1 {
			display: block;
			font-size: 80px;
			font-weight: normal;
			font-family: Verdana,Arial,Helvetica,sans-serif;
			line-height: 80px;
			margin: 20px 0px 20px 0;
			padding: 0;
        }
        .bodytext {
			display: block;
			font-size: 25px;
			font-weight: normal;
			font-family: Verdana,Arial,Helvetica,sans-serif;
			line-height: 80px;
			margin: 20px 400px 20px 400px;
			padding: 0;
		}
		div.wb-domain {
			display: block;
			text-decoration: underline;
		}
		.wb-list {
			display: flex;
			text-align: center;
			margin: 100px 0;
              flex-direction: column;
  align-items: center;
		}
		.wb-list ol {
			padding: 10px 0;
			margin: 0 0 0 42px;
			list-style-position: inside;
  display: flex;
  flex-direction: column;
  text-align: left;
		}
		.wb-powered {
			display: block;
			margin-top: 20px;
			font-size: 23px;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
		.wb-powered img {
			margin-left: 10px;
		}
		.wb-powered a {
			margin-left: 8px;
			color: #000000;
			text-decoration: underline;
		}
		.wb-powered a:visited,
		.wb-powered a:hover {
			color: #FFF3E0;
			text-decoration: underline;
		}
		.mascot-section {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0px 0;
            gap: 10px;
        }

        .mascot-img {
            width: 200px;
            height: auto;
            border-radius: 16px;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
            margin: 0;
        }

        .mascot-blurb {
            max-width: 1000px;
            font-family: Verdana, Arial, sans-serif;
            font-size: 25px;
            line-height: 1.6;
            color: #333;
            text-align: left;
        }
        .image-container {
  position: relative;
  width: 1920px; /* adjust as needed */
  height: auto;
  
}

.background-image {
  width: 100%;
  display: block;
}

.overlay-content {
  position: absolute;
  top: 20px;   /* distance from top */
  left: 600px;  /* distance from left */
  color: white;
  background-color: rgba(0,0,0,0.5); /* optional: semi-transparent background */
  padding: 10px;
  border-radius: 8px;
}
		.wb_main { display: none; }
		@media (max-width: 991px) {
			body {
				font-size: 24px;
				line-height: 38px;
			}
			h1 {
				font-size: 64px;
				line-height: 64px;
			}
			.wb-hr {
				margin: 24px auto;
			}
			.wb-list {
				text-align: center; 
  margin: 80px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
			}
			.wb-list ol {
				padding-left: 0; 
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  text-align: left;
 
			}
			.wb-powered {
				font-size: 18px;
			}
            .bodytext {
                font-size: 40px;
				line-height: 40px;
                margin: 20px 10px;
            }
             .image-container {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  justify-content: center;
			align-items: center;
        
}

.background-image {
  width: 100%;
  display: block;
  justify-content: center;
			align-items: center;
            padding: 20px;
}
.overlay-content {
  position: absolute;
  display: flex;
  top: 20px;   /* distance from top */
  left: 200px;  /* distance from left */
  color: white;
  background-color: rgba(0,0,0,0.5); /* optional: semi-transparent background */
  padding: 10px;
  border-radius: 8px;
}
.nav-bar {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			margin: 0 40px;
		}
        .nav-button {
            display: inline-block;
            padding: 15px 20px;
            margin: 20px;
            font-size: 25px;
            color: black;
            background-color: #cbcac7;
            border: none;
            border-radius: 8px;
            text-decoration: none;
            cursor: pointer;
            text-align: center;
        }
.mascot-section {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0px 0;
            gap: 10px;
        }

        .mascot-img {
            width: 200px;
            height: auto;
            border-radius: 16px;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
            margin: 0;
        }

        .mascot-blurb {
            max-width: 1000px;
            font-family: Verdana, Arial, sans-serif;
            font-size: 40px;
            line-height: 40px;
            color: #000000;
            text-align: center;
        }
		}
		@media (max-width: 767px) {
			body {
				font-size: 15px;
				line-height: 24px;
			}
			h1 {
				font-size: 20px;
				line-height: 20px;
			}
			.wb-hr {
				margin: 15px auto;
			}
			.wb-list {
				text-align: center; 
  margin: 40px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
			}
			.wb-list ol {
				padding-left: 0; 
  list-style-position: inside;
  display: flex;
  flex-direction: column;
  text-align: left;
 
			}
			.wb-powered {
				font-size: 12px;
			}
            p {
                font-size: 15px;
				line-height: 20px;
                margin: 15px 5px;
            }

        .image-container {
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  justify-content: center;
			align-items: center;
        
}

.background-image {
  width: 100%;
  display: block;
  justify-content: center;
			align-items: center;
            padding: 20px;
}
.overlay-content {
  position: absolute;
  display: flex;
  top: 20px;   /* distance from top */
  left: 150px;  /* distance from left */
  color: white;
  background-color: rgba(0,0,0,0.5); /* optional: semi-transparent background */
  padding: 3px;
  border-radius: 8px;
}
.bodytext {
                font-size: 15px;
				line-height: 20px;
                margin: 15px 100px;
		text-align: center;
		max-width: 100%;
            }
.nav-bar {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			margin: 0 40px;
		}
        .nav-button {
            display: inline-block;
            padding: 9px 15px;
            margin: 7px;
            font-size: 15px;
            color: black;
            background-color: #cbcac7;
            border: none;
            border-radius: 5px;
            text-decoration: none;
            cursor: pointer;
            text-align: center;
        }
.mascot-section {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            margin: 0px 100px;
            gap: 10px;
        }

        .mascot-img {
            width: 100px;
            height: auto;
            border-radius: 16px;
            box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
            margin: 0;
        }

        .mascot-blurb {
            max-width: 1000px;
            font-family: Verdana, Arial, sans-serif;
            font-size: 15px;
            line-height: 15px;
            color: #000000;
            text-align: center;
        }
		}