@media only screen and (max-width: 853px);


body {
  max-width:80vw;
  height:auto;
  margin:auto;
  background: url('/images/backgrounds/texture-seamless-wood-4.jpg');
  background-size: 62px;
  background-color: #847088;
  background-blend-mode: multiply;
  cursor: url('images/MageHand.gif'), auto;
}
a:hover {
    cursor: url('images/MageHandClick.gif'), pointer;
}
h2 {
  font-size:5em;
    font-family: "Jacquard 24", system-ui;
     font-weight: 200;
  color: gold;
     text-shadow: 
      -1px -1px 1px #ffffff,  /* Highlight */
       1px  1px 1px #000000; /* Shadow */
  -webkit-text-stroke: 2px #1c3d5a;
}
h3 {

    font-family: "Jacquard 24", system-ui;
     font-weight: 200;
}
h4 {

    font-family: "Jacquard 24", system-ui;
     font-weight: 200;
}

.jacquard-24-regular {
  font-family: "Jacquard 24", system-ui;
  font-weight: 400;
  font-style: normal;
}

.videothumb{
  border-image: url('images/dividers/gold.gif') 30 round;
}
/* Highlight 
.videoborder{
  display: inline-block;
  line-height: 0;
  border: 20px solid transparent;
  border-image-source: url('images/dividers/gold.gif');
  border-image-slice: 30; 
  border-image-repeat: round;
  
}
*/
.banner {
  position: relative;
  top: -17px;
  margin:auto;
   width: 45rem ;
   height:272px;
  padding-bottom: 33px;

    }
    
.banner img {
  width: 100%;
  height: 100%;
  z-index: 4;
 
}
    
.content {
  background:transparent;
  width:78vw;
  margin:10px;
  position:relative;
  
}
.nomargin {
  margin: 0;
  margin-top: 10px;
}
.main img {
  padding:3px;
  border:1px solid black;
   box-shadow: inset 3px 3px grey;

}

.footer2 {
  display: flex;
}
.main {
  display: block;
flex: 1;
width: auto;
top: 0;
  background-image: url('images/backgrounds/goblinskin3.jpg');
  background-repeat: no-repeat;
  background-size: cover;

  height:auto;
   box-shadow: -6px 6px 2px 2px rgba(0, 0, 0, 0.4);
border-style: inset;
  border: 4px double #666666;
  z-index: 3;
  position: relative;
}
.noborder{
  border: none !important;
    box-shadow: none !important;
}
.nav {
display: inline-block;
  width:156px;
}
audio {
  display: none;
}

.button:hover img{
  transform:scale(1.1);
}
.biggestcontainer {
  display: flex;
  width: 100%;
}

.gifs1 {
  position: relative;
 
  height: auto;
  z-index: -1;
  opacity: 93%;
  
}


footer {
margin-top:50px;
margin-right:auto;
width:85%;
  background:#ccc;
  height:auto;
    border: 3px double #666666;
    box-shadow: 2px 2px #666666;
    
}
ul {

  display: inline-block;
  list-style-type: none; /* Removes default bullet points */
  padding: 0;            /* Removes default padding */
  margin: 0;             /* Removes default margin */
  position: relative;
  bottom: 0rem;
  
}
  
  li { padding:0;}


.intro-scroll {
  width: 100%;
  max-width: 650px;
  min-height: 321px;
  margin: 0 auto;
  position: relative;
  top: 15px;

  background-image: url("/images/scroll.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.intro-text {
  width: 65%;
  margin: 0 auto;
  padding-top: 45px;
  text-align: center;
}

.our-show-title {
  margin: 0 0 10px;
  font-size: 2.5rem;
}

.show-columns {
  width: 92%;
  margin: 35px auto 20px;

  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.show-column {
  min-height: 260px;
  padding: 55px 35px 45px;
  box-sizing: border-box;

  background-image: url("/images/scroll.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 102% 139%;

  text-align: center;
}

.show-column h3 {
  margin-top: 0;
  color: gold;
  font-size: 1.8rem;
}

.show-column p {
  line-height: 1.4;
}

.social-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.social-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.social-buttons img {
  width: 55px;
  height: auto;
  border: none;
  box-shadow: none;
  transition: transform 0.2s ease;
}

.social-buttons img:hover {
  transform: scale(1.15);
}

.small-gif {
  width: 66px;
  border: none;
  box-shadow: none;
  vertical-align: middle;
}

.gem-divider {
  display: block;
  width: 94%;
  height: 29px;
  margin: -8px;

  border: none;
  background-image: url("/images/dividers/Gems.gif");
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 40px;

  overflow: visible;
}
.gem-divider2 {
  display: block;
  width: 106%;
  height: 29px;
  margin: -4px;

  border: none;
  background-image: url("/images/dividers/Gems.gif");
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto 32px;

  overflow: visible;
}

.main-and-sidebar {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
}

.main {
  display: inline-block;
  width: 76%;
}

.right-sidebar {
  width: 220px;
  flex-shrink:0;

  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sidebar-scroll {
  width: 100%;
  min-height: 210px;
  padding: 45px 28px 35px;
  box-sizing: border-box;

  background-image: url("/images/scroll.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 146%;

  text-align: center;
}

.sidebar-scroll h3 {
  margin: 0 0 8px;
  font-size: 1.6rem;
}

.sidebar-scroll p {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.3;
}

.social-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}

.social-buttons img {
  width: 45px;
  height: auto;
  padding: 0;
  border: none;
  box-shadow: none;
}

.social-buttons img:hover {
  transform: scale(1.1);
}

.blinkie img{
  width: 20px;
  height: auto:
}