@import url("Papyrus/stylesheet.css");
@import url("Candara/stylesheet.css");
@import url("Candara/stylesheet.css");
@import url("Papyrus/stylesheet.css");
@import url("Candara/stylesheet.css");




/* ────────────────────────────────────────────────────────────
   FONT IMPORTS
──────────────────────────────────────────────────────────── */
@font-face {
  font-family: 'Papyrus';
  src: url('fonts/Papyrus.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Candara';
  src: url('fonts/Candara.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* ────────────────────────────────────────────────────────────
   GLOBAL BASE
──────────────────────────────────────────────────────────── */
html, body {
  margin: 0;
  padding: 0;
  font-family: 'Papyrus', 'Candara', serif;
  background-color: #CCCCCC;
  background-size: cover;
  color: #333333;
  transition: background-image 0.5s ease;
}

/* Themes */
body[data-theme="Big-Sky1"] {
  background-image: url(images/Big-Sky1.JPG);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

body[data-theme="Twilight3"] {
  background-image: url(images/Twilight3.JPG);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

body[data-theme="Forest2"] {
  background-image: url(images/Forest2.JPG);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

body[data-theme="Grass5"] {
  background-image: url(images/Grass5.JPG);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

body[data-theme="Forest6"] {
  background-image: url(images/Forest6.JPG);
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

/* ────────────────────────────────────────────────────────────
   TOP RITUAL BAR
──────────────────────────────────────────────────────────── */
.top-bar {
  position: relative;
  top: 5px;
  left: 5px;
  background-color: rgba(51,51,51,0.6);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 20px;
  margin-bottom: 13px;
  z-index: 10000;
}

.Links {
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 20px;
  height: 30px;
}

.left-group {
  display: flex;
  align-items: center;
  gap: 16px;
  float: left;
  height: 62px;
  width: 202px;
  filter: drop-shadow(0 0 10px #ffffff);
  margin-top: 25px;
  margin-right: 7px;
}

.wolf-logo {
  width: 80px;
  height: 80px;
  filter: drop-shadow(0 0 10px #ffffff);
}

#Title3,
#Title2,
#Title {
  padding: 6px 12px 13px 12px;
}

#Title2 {
  float: left;
  width: 1200px;
}

#LoadingTitle {
  padding: 6px 13px;
  color: #FFFFFF;
  margin-bottom: 60px;
  float: left;
}

.Load-title-panel {
  margin: 0;
  font-size: 18pt;
  line-height: 1.2;
  text-shadow: 0 0 10px #ffffff;
  font-family: Candara;
  color: #FFFFFF;
}

.Loadtitlepanel {
  font-size: 80px;
  line-height: 1.2;
  color: #FFFFFF;
  text-shadow: 0 0 10px #ffffff;
  font-family: Papyrus;
  margin: 0;
  float: left;
  margin-left: 60px;
}

.Loadtitlepanel2 {
  margin: 0;
  font-size: 40px;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Candara;
  align-items: center;
  color: #FFFFFF;
  position: relative;
  float: right;
}

.Loadtitlepanel3 {
  font-size: 20px;
  line-height: 1.2;
  color: #FFFFFF;
  text-shadow: 0 0 10px #ffffff;
  font-family: Papyrus;
  margin: 0;
  float: left;
  font-style: normal;
}

.Loadtitlepanel4 {
  font-size: 18px;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Candara;
  align-items: center;
  color: #FFFFFF;
  position: relative;
  float: left;
  padding-left: 100px;
}

.right-group {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 80px;
  float: right;
  margin: 0 13px 0 60px;
}

.user-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  filter: drop-shadow(0 0 8px #ffffff);
}

/* ────────────────────────────────────────────────────────────
   THEME SWITCHER
──────────────────────────────────────────────────────────── */
.theme-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 900px;
}

.theme-switcher2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 60px;
  color: rgb(255,255,255);
  font-family: Candara;
}

.theme-switcher label {
  font-family: 'Candara', serif;
  color: #e0f0ff;
}

#themeSelect {
  background-color: #1c2a38;
  color: #e0f0ff;
  border: none;
  padding: 6px 10px;
  border-radius: 7px;
  box-shadow: 0 0 5px #6ec6ff;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
  font-size: 12px;
  font-family: Candara;
}

#themeSelect:hover {
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.6);
}

/* ────────────────────────────────────────────────────────────
   NAVIGATION PANEL
──────────────────────────────────────────────────────────── */
.nav-panel {
  position: absolute;
  top: 492px;
  left: 38px;
  width: 180px;
  background-color: rgba(51, 51, 51, 0.6);
  padding: 16px;
  font-family: 'Candara', serif;
  border-radius: 7px;
  box-shadow: 0 0 8px #FFFFFF;
}

.nav-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.nav-panel li {
  margin-bottom: 10px;
}

.nav-panel .version {
  margin-top: 12px;
  font-size: 0.9em;
  color: #6ec6ff;
}

/* ────────────────────────────────────────────────────────────
   CENTRAL RITUAL WORKSPACE PANEL
──────────────────────────────────────────────────────────── */
.center-panel {
  padding: 16px;
  font-family: 'Candara', serif;
  border-radius: 7px;
  box-shadow: 0 0 8px #FFFFFF;
  overflow: visible;
  margin: 6.5px 0;
}

.center-panel-home {
  position: absolute;
  top: 199px;
  left: 1px;
  right: calc(2px + 180px + 16px);
  background-color: rgba(51, 51, 51, 0.6);
  padding: 16px;
  font-family: 'Candara', serif;
  border-radius: 7px;
  box-shadow: 0 0 8px #FFFFFF;
  overflow: auto;
  width: 100%;
  max-width: 2000px;
  height: 150px;
}

/* Question Banner */
.center-panel .question-banner {
  background-color: rgba(51, 51, 51, 0.7);
  padding: 20px;
  border-radius: 7px;
  text-align: center;
  color: #e0f0ff;
  box-shadow: 0 0 8px #FFFFFF;
  margin-bottom: 16px;
}

.center-panel .question-banner h2 {
  font-size: 1.5em;
  margin: 0 0 8px;
  color: #FFFFFF;
}

.center-panel .question-banner p {
  margin: 0;
  font-size: 1em;
  color: #FFFFFF;
}

/* Project Grid */
.center-panel .project-grid {
  display: flex;
  justify-content: center;
}

.center-panel .project-grid button {
  background-color: rgba(51, 51, 51, 0.7);
  box-shadow: 0 0 8px #FFFFFF;
  border: none;
  font-size: 1em;
  border-radius: 7px;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  color: rgb(249,249,249);
  padding: 6px 10px;
}

.center-panel .project-grid button:hover {
  transform: scale(1.02);
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.6);
}

/* Now Playing */
.center-panel .now-playing {
  margin-top: 0;
  font-size: 0.9em;
  color: #FFFFFF;
  min-height: 1.2em;
}

/* ────────────────────────────────────────────────────────────
   RIGHT LORE PANEL
──────────────────────────────────────────────────────────── */
.right-panel {
  position: relative;
  width: 154px;
  background-color: rgba(51, 51, 51, 0.6);
  font-family: Papyrus;
  border-radius: 7px;
  box-shadow: 0 0 8px #FFFFFF;
  padding: 13px 16px 16px 16px;
  font-size: 16px;
  color: #FFFFFF;
  margin: 20px auto;
}

#Wolf {
  margin: 0 0 12px;
  font-size: 1.2em;
  color: #ffffff;
  text-shadow: 0 0 6px #ffffff;
}

.right-panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.right-panel li {
  margin-bottom: 10px;
}

/* ────────────────────────────────────────────────────────────
   RITUAL LINKS
──────────────────────────────────────────────────────────── */
a.ritual-link {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  padding: 6px 10px;
  border-radius: 4px;
  transition: all 0.3s ease;
}

a.ritual-link:hover,
a.ritual-link:focus {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 12px rgba(255, 0, 0, 0.6);
  text-shadow: 0 0 6px rgba(255, 0, 0, 0.6);
  transform: scale(1.02);
  outline: none;
}

a.ritual-link:visited {
  color: #6ec6ff;
  box-shadow: none;
  text-shadow: none;
}

a.ritual-link:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: 2px;
}

/* ────────────────────────────────────────────────────────────
   LOADING CONTAINER
──────────────────────────────────────────────────────────── */
#loadingContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  text-align: center;
  padding: 20px;
}

/* LOGO + TITLE (loading page) */
#loadingContainer .wolf-logo {
  width: 300px;
  height: 300px;
  margin-bottom: 16px;
  filter: drop-shadow(0 0 10px #ffffff);
  margin-left: 600px;
  margin-top: 120px;
}

#loadingContainer #Title {
  margin-bottom: 24px;
  margin-left: 150px;
  width: 1200px;
  font-family: Papyrus;
  font-size: 24px;
  color: #FFFFFF;
  padding-left: 150px;
  text-shadow: 0 0 13px #ffffff;
}

/* PROGRESS BAR (loading) */
#loadingContainer .progress-bar {
  width: 600px;
  height: 13px;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 24px;
  filter: drop-shadow(0 0 10px #ffffff);
  max-width: 700px;
  background-color: #666666;
  opacity: 0.62;
  float: left;
}

#loadingContainer .progress-fill {
  width: 0%;
  height: 100%;
  background-color: #FF0000;
  transition: width 0.3s ease;
  filter: drop-shadow(0 0 13px #ffffff);
  box-shadow: 0 0 10px #ffffff;
  opacity: 0.82;
  border-radius: 7px;
}

/* THEME SWITCHER (loading page) */
#loadingContainer .theme-switcher {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Candara', serif;
  color: #e0f0ff;
}

#loadingContainer #themeSelect {
  background-color: #1c2a38;
  color: #e0f0ff;
  border: none;
  padding: 6px 10px;
  border-radius: 7px;
  box-shadow: 0 0 5px #FFFFFF;
  cursor: pointer;
  transition: box-shadow 0.3s ease;
}

#loadingContainer #themeSelect:hover {
  box-shadow: 0 0 13px rgba(255, 0, 0, 0.6);
}

/* ────────────────────────────────────────────────────────────
   DYNAMICS / PANELS
──────────────────────────────────────────────────────────── */
#Dynamics,
#Dynamics2,
#Dynamics3 {
	font-size: 24pt;
	line-height: 1.2;
	text-shadow: 0 0 13px #ffffff;
	font-family: Papyrus;
	align-items: center;
	padding-top: 10px;
	padding-right: 60px;
	padding-left: 60px;
	border-radius: 3px;
	height: flex;
	width: Flex;
}

#Dynamics {
	margin-top: 20px;
	opacity: 0.6;
	background-color: rgb(255,255,255);
	height: flex;
	width: flex;
}

#Dynamics2 {
	opacity: 1;
	padding-bottom: 13px;
	height: 1500px;
	width: flex;
}

#Dynamics3 {
	margin-top: 60px;
	opacity: 1;
	padding-bottom: 13px;
	height: flex;
	width: flex;
}

#Person {
  font-size: 12pt;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Papyrus;
  align-items: center;
  height: 150px;
  width: 150px;
  background-attachment: scroll;
  background-image: url(images/Person-150PX.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 25px;
  margin-left: 25px;
  clear: right;
  border-radius: 7px;
  filter: drop-shadow(0 0 8px #ffffff);
}

#Demographics {
	font-size: 24pt;
	line-height: 1.2;
	text-shadow: 0 0 13px #ffffff;
	font-family: Candara;
	align-items: center;
	color: rgb(255,255,255);
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 25px;
	background-attachment: scroll;
	background-image: url(images/Staff%20info.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 3px;
	height: flex;
	width: flex;
}

.Demographics-panel {
	background-color: rgba(255,255,255,0.6);
	font-family: 'Candara', serif;
	border-radius: 3px;
	box-shadow: 0 0 8px #FFFFFF;
	width: 100%;
	padding: 16px;
	height: auto;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 13px;
	margin-left: 0;
}

.Demographics-panel2 {
  background-color: rgba(51,51,51,0.6);
  font-family: 'Candara', serif;
  border-radius: 3px;
  box-shadow: 0 0 8px #FFFFFF;
  margin: 50px 0 13px;
  width: 100%;
  padding: 16px 16px 100px 16px;
}

/* Self headings */
#Self,
#Self2 {
  font-size: 80px;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  opacity: 1;
  font-family: Papyrus;
  align-items: center;
  color: #ffffff;
  float: left;
}

#Self {
  margin-left: 160px;
  margin-top: 80px;
}

#Self2 {
  margin-left: 60px;
  margin-top: 7px;
  margin-right: 60px;
  margin-bottom: 60px;
  clear: right;
}

/* Schedule */
#Schedule {
  font-size: 24pt;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Candara;
  align-items: center;
  color: rgb(255,255,255);
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-attachment: scroll;
  background-image: url(images/Schedule.jpg);
  background-repeat: no-repeat;
  margin-left: 150px;
  height: 500px;
}

/* Whisper Wolf */
#whisper-wolf {
  position: absolute;
  top: 544px;
  right: 294px;
  width: 154px;
  height: 260px;
  background-color: rgba(51, 51, 51, 0.6);
  font-family: Papyrus;
  border-radius: 8px;
  box-shadow: 0 0 8px #FFFFFF;
  padding: 13px 16px 16px 16px;
  font-size: 16px;
  color: #FFFFFF;
  overflow-y: auto;
}

/* Rates */
#Rates {
  font-size: 24pt;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Candara;
  align-items: center;
  color: rgb(255,255,255);
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-attachment: scroll;
  background-image: url(images/Rates.png);
  background-repeat: no-repeat;
  margin-left: 13px;
  height: 600px;
  background-position: center center;
  margin-top: 50px;
  width: 1600px;
}

/* Icon */
#Icon {
  font-size: 12pt;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Papyrus;
  align-items: center;
  border-radius: 50%;
  filter: drop-shadow(0 0 8px #ffffff);
  width: 201px;
  height: 62px;
  margin-left: 50px;
  float: left;
  margin-top: 100px;
}

#IconWrap {
  border-radius: 50%;
  filter: drop-shadow(0 0 8px #ffffff);
  height: 180px;
  margin-left: 50px;
}

/* Links buttons */
.Links button {
  background-color: rgba(0,0,0,0.6);
  color: #FFFFFF;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-family: Candara;
  opacity: 1;
}

.Links button:hover {
  color: #E10000;
}

/* Tile Wrap */
.Tile-Wrap,
.Tile-Wrap2 {
  align-items: center;
  filter: drop-shadow(0 0 8px #ffffff);
  background-color: rgb(102,102,102);
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
}

.Tile-Wrap {
  padding: 5px;
  height: 180px;
}

.Tile-Wrap2 {
  height: 180px;
  padding: 160px 5px 5px 5px;
}

/* Tile Bar */
#Tile-Bar,
#Tile-Bar2 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  text-align: center;
  font-family: Candara;
  font-size: 18px;
  margin-top: 160px;
  color: rgb(255,255,255);
  text-shadow: 0 0 13px #ffffff;
  opacity: 1;
}

/* Page wrappers */
.Page,
.Page2 {
	padding-bottom: 180px;
	margin: 13px;
	float: left;
	height: flex;
}

/* Contact */
#Contact {
  font-size: 24pt;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Candara;
  align-items: center;
  background-attachment: scroll;
  background-image: url(images/Contact.png);
  background-repeat: no-repeat;
  height: 500px;
  background-position: center center;
  margin-top: 50px;
  opacity: 1;
  border-radius: 3px;
}

#Info {
  margin-top: 300px;
  margin-left: 400px;
  font-family: Candara;
  font-size: 18px;
  font-style: normal;
  text-align: right;
  float: left;
  color: rgb(0,0,0);
  background-color: rgb(0,0,0);
  border-radius: 3px;
  padding: 3px 7px;
}

/* Careers */
#Careers {
  font-size: 24pt;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Candara;
  align-items: center;
  color: rgb(255,255,255);
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  background-attachment: scroll;
  background-image: url(images/No%20Careers.png);
  background-repeat: no-repeat;
  margin-left: 13px;
  height: 600px;
  background-position: center center;
  margin-top: 50px;
  width: 1600px;
}

/* Vet badge */
#Vet {
  margin-right: 13px;
  margin-left: 13px;
  height: 60px;
  width: 250px;
  text-align: right;
  background-attachment: scroll;
  background-image: url(images/Veteran%20Owned.png);
  background-repeat: no-repeat;
  background-position: center center;
  float: right;
  font-family: Papyrus;
}

/* Legal footer */
#Legal {
  height: 50px;
  font-family: Papyrus;
  font-size: 16px;
  font-style: normal;
  color: rgb(255,255,255);
  text-align: right;
  margin-top: 50px;
  float: right;
  width: 100%;
}

#DMCA {
  float: left;
  width: 160px;
  height: 30px;
  margin-right: 13px;
  margin-top: 7px;
  margin-left: 360px;
}

#Owner {
  height: 30px;
  font-family: Papyrus;
  font-size: 22px;
  font-style: normal;
  color: rgb(255,255,255);
  text-align: right;
  margin-top: 7px;
  width: 680px;
  float: left;
  margin-left: 13px;
}

#Flare {
  float: left;
  width: 100px;
  height: 55px;
  margin-left: 13px;
  margin-top: 7px;
  margin-right: 13px;
}

#DauntlessLogo {
  float: left;
  height: 150px;
  margin-left: 250px;
  margin-top: 80px;
}

/* Loading wrap */
#LoadingWrap {
  width: 600px;
  height: 13px;
  margin-top: 7px;
  margin-bottom: 7px;
  float: left;
}

#LoadingWrap .progress-bar {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  overflow: hidden;
  background-color: #666666;
  opacity: 0.62;
  filter: drop-shadow(0 0 10px #ffffff);
}

#LoadingWrap .progress-fill {
  width: 0%;
  height: 100%;
  background-color: #FF0000;
  border-radius: 7px;
  transition: width 0.3s ease;
  filter: drop-shadow(0 0 13px #ffffff);
}

/* NMS logo */
#NMSLogo {
  float: left;
  margin-left: 13px;
  margin-top: 7px;
  margin-right: 13px;
  background-attachment: scroll;
  background-image: url(images/Logo%2050%20PX.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 51px;
  width: 41px;
}

/* ER Wrap */
#ER-Wrap {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  float: right;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 60px;
}

/* Loading page (simplified) */
#TitleBlock {
  margin-bottom: 40px;
}

.studio-title.panel {
  font-size: 80px;
  text-shadow: 0 0 10px #ffffff;
  font-family: Papyrus;
  color: rgb(255,255,255);
  float: left;
}

.studio-title.panel2 {
	font-size: 40px;
	text-shadow: 0 0 13px #ffffff;
	font-family: Candara;
	float: left;
	color: rgb(255,255,255);
}

.studio-title.panel3 {
	font-size: 14px;
	line-height: 1.2;
	text-shadow: 0 0 10px #ffffff;
	font-family: Papyrus;
	margin-top: 13px;
	color: rgb(255,255,255);
}

.studio-title.panel4 {
	font-size: 10px;
	line-height: 1.2;
	text-shadow: 0 0 13px #ffffff;
	font-family: Candara;
	color: rgb(255,255,255);
}

/* Loading text */
.loading-text {
  font-size: 36px;
  margin-bottom: 24px;
  text-shadow: 0 0 13px #ffffff;
  font-family: Papyrus;
  color: rgb(0,153,255);
  margin-top: 160px;
  float: right;
}

/* Audio player */
#audioPlayer {
  margin-top: 40px;
  text-align: center;
  font-family: Candara;
}

.audio-controls button {
  background-color: rgba(51,51,51,0.7);
  color: #FFFFFF;
  border: none;
  border-radius: 7px;
  padding: 6px 12px;
  margin: 4px;
  cursor: pointer;
  box-shadow: 0 0 8px #FFFFFF;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.audio-controls button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 12px rgba(255,0,0,0.6);
}

/* ER / Dauntless logos */
#ER {
  float: right;
  width: 600px;
  margin-top: 22px;
}

#Dauntless {
  float: left;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-left: 60px;
  padding-top: 80px;
}

#DauntlessLogo2 {
  width: 501px;
  height: 151px;
  background-image: url(images/Dauntless-Logo-500.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  filter: drop-shadow(0 0 10px #ffffff);
  background-attachment: scroll;
  margin-left: 80px;
}

/* About section */
#About {
  font-size: 24pt;
  line-height: 1.2;
  text-shadow: 0 0 13px #ffffff;
  font-family: Candara;
  align-items: center;
  margin: 22px auto;
  opacity: 1;
  max-width: 1200px;
  width: 100%;
  padding: 7px;
}

#About-LogoWrap {
	height: flex;
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

#About-LogoWrap2 {
  height: auto;
  width: 100%;
  float: left;
  margin-top: 7px;
  padding-top: 60px;
}

#Dauntless-Logo-About {
  margin-top: 22px;
  margin-bottom: 20px;
  width: 360px;
}

#About-Name {
  float: left;
  font-family: Papyrus;
  font-size: 24px;
  text-shadow: 0 0 13px #ffffff;
  color: #ffffff;
  margin-bottom: 10px;
}

#About-Tagline {
  float: left;
  font-family: Candara;
  font-size: 18px;
  text-shadow: 0 0 13px #ffffff;
  color: #ffffff;
  margin-bottom: 10px;
}

.About-body {
  font-family: Candara;
  font-size: 18px;
  color: #000;
  line-height: 1.4;
  margin-bottom: 16px;
}