* {
  box-sizing: border-box;
  min-height: 0;
  min-width: 0;
  overflow: hidden;
}
html {
  width: 100%; 
  height: 100%; 
  min-height: 100%;
  overflow: hidden;
}
body {
  cursor: default;
  margin: 0 0 0 0; 
  padding: 0; 
  background: #000000; 
  color: #666666; 
  height: 100%; 
  min-height: 100%;
  width: 100%; 
  overflow: hidden;
  justify-content: center;
  align-items: center;
}
img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  padding: 25px;
}
svg:not(:root) {
  display: block;
}
a {
  color: #666666;
}
a:visited {
  color: #666666;
}
a:hover {
  color: #FFFFFF;
}
#theWrapper {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#myHeader {
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
#contentWindow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0 0 0 0 !important;
  overflow-y: scroll;
}
#contentWindow > div {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#myContent {
  position: relative;
  width: 100%;
  margin: auto;
}
#myContent1 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 10;
}
#myContent2 {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  margin: auto;
}
#myFooter {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 1030;
}
#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute;
  opacity: 0.03;
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}
#mainMenu {
  position: relative;
  background-color: #111111;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  color: white;
}
#stickyMenu {
  position: relative;
  background-color: #111111;
  padding-top: 5px;
  padding-bottom: 5px;
  color: white;
}
.withTop {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #666666;
}
.withBottom {
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #666666;
}
.withTopBottom {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
.headerText {
  font-size: 1em;
}
.socmedText {
  font-size: 2em;
}
.songTitleText {
  font-size: 1.25em;
}
.contentText {
  font-size: 1em;
}
.footerText {
  font-size: 0.4em;
}
.infoText {
  font-size: 0.75em;
}
.epText {
  font-size: 1.5em;
  font-style: italic;
}
.songTitle2 {
  font-style: underline;
}
.supText {
  font-size: 0.65em;
}

.contactText {
  color: white;
  text-align: center;
  font-size: 2em;
}

.contentText2 {
  color: white;
  text-align: center;
}
.contentText3 {
  text-align: center;
}
.contentText4 {
  color: white;
  text-align: center;
}

.linkIt:hover {
  cursor: pointer;
  color: #666666;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.divTitle {
  background-color: #111111;
  text-align: center;  
  color: #666666;
  text-shadow:
  -1px -1px 0 #000000,  
  1px -1px 0 #000000,
  -1px 1px 0 #000000,
  1px 1px 0 #000000;
  padding: 2px;
}

#navControl {
  display: none;
  position: fixed !important;
  top: 0;
  width: 99%;
  background-color: #111111;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  padding-top: 5px;
  padding-bottom: 5px;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;  
  margin: 0 0 0 0 !important;
  color: #ffffff;
}

audio:hover, audio:focus, audio:active {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  transform: scale(1.05);
}
audio {
  width: 90%;
  -webkit-transition:all 0.5s linear;
  -moz-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
  transition:all 0.5s linear;
  -moz-border-radius:7px 7px 7px 7px ;
  -webkit-border-radius:7px 7px 7px 7px ;
  border-radius:7px 7px 7px 7px ;
}

@media (max-width: 768px) {
  #navControl { display: none; } 
  #mainMenu { display: none; } 
}