.logo-main {width:100px;}
h1, h2, h3 {font-family:sans-serif;background:none;font-weight:normal;}
.homepage h2 img {max-width:300px;}
.homepage h2.whackthedemonlogo img {max-width:400px;}
.swiper-slide-active .slider-text {color:white;}
.sw-caption-thumb h3 {text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);background:rgba(0,0,0,0.7);padding:0 10px;margin:10px 0;}
img.avatarhome {max-width:400px;}
.de-item .d-overlay .d-label {background:red;}
.featureicon {width:60px;}
.bottomheader {font-size:30pt;}
.bottomheader2 {font-size:20pt;margin-bottom:15px;}
img.storelogo {max-height:40px;margin-right:10px;}
footer {margin-top:100px;}
img.footerlogo {max-width:100px;}
.sw-caption-thumb h3 {font-size:15px;}
#mainmenu>li::before {content:none;}
.de-item .d-overlay .d-text {bottom:5px;}
.gamepage h1 {margin-bottom:30px ! important;font-size:18pt;}
.gamepage img.logoimage {max-width:300px;}
footer {position:relative;z-index:1;}
.articlepage section {padding-bottom:20px;}
.articlepage section.info {padding-top:20px;}
.articlepage h2 {font-size:33px;}
img.iconlist {max-width:70px;}
.nowertohidepage img.iconlist {max-width:100px;}
.thecryptpage img.iconlist {max-width:250px;}
.thewerwulfshowpage .de-gradient-edge-top {background:none;}
.thewerwulfshowpage .overlay-bg.t50 {background:none;}
.thewerwulfshowpage .backgroundimage {background-position:-400px 0 ! important;}
.thewerwulfshowpage .logocon {margin-bottom:30px;}
.thewerwulfshowpage img.iconlist, .thewerwulfshowpage img.logoimage {max-width:200px;}
.thewerwulfshowpage .introp {color:#ccc;}

.videowerwulfbackground {background:url(../images/the-werwulf-show/the-werwulf-show-background.jpg) no-repeat ! important;background-size:cover ! important;position:relative;padding-top:0 ! important;}
.videowerwulfbackground { width: 100%; aspect-ratio: 20 / 8; }
.videowerwulfbackground p {background:rgba(0,0,0,0.5);border-radius:10px;padding:5px 10px;display:inline-block;max-width:500px;}
section.showfeatures {padding-bottom:90px;}
.videowerwulfbackground h2 {margin-bottom:20px;font-size:30pt;color:orange ! important;  background: linear-gradient(0deg, #fff88f, #ffdd74); /* Orange (#ff6600) to light orange/gold (#ffd700) */ background-clip: text; -webkit-background-clip: text;  -webkit-text-fill-color: transparent; background-size: 100% 100%; /* Ensures full coverage */max-width:500px;}
.videowerwulfbackground h2 img {max-width:100%;}
.videowerwulfbackground .container {position:absolute;top:100px;left:100px;}

/* No Wer to Hide Page */

.nowertohidepage .nowertohidemain {margin-top:150px;}
.thecryptpage .thecryptmain {margin-top:0;}
.mobileshow {display:none;}

@media only screen and (max-width: 1000px) {
.nowertohidepage .bgcustom {background-position:0 0px ! important;}
.nowertohidepage .bgcustom {background-image:url(../images/no-wer-to-hide/no-wer-to-hide-screenshot-3.jpg) ! important;}
.thecryptpage .bgcustom {background-image:url(../images/the-crypt/the-crypt-mobile-image.jpg) ! important;}
.nowertohidepage .overlay-bg.t50 {background:rgba(0,0,0,0);}
.blacksemitransparent {width:100%;height:100%;background:rgba(0,0,0,0.5);}
}
@media only screen and (max-width: 800px) {
.nowertohidepage .bgcustom {background-position:center 0 ! important;}
}

@media only screen and (max-width: 767px) {
.nowertohidepage img.iconlist {max-width:200px;margin:20px 0 40px 0;}
}


@media only screen and (max-width: 700px) {
.videowerwulfbackground .container {top:50px;left:50px;padding-left:0;}
}


@media only screen and (max-width: 600px) {
.nowertohidepage .featureiconimage {text-align:center;}
.nowertohidepage .featureiconimage img {display:inline-block;}
.mobilehide {display:none;}
.mobileshow {display:inline;}
.thewerwulfshowpage .backgroundimage {background-position:-700px 0 ! important;}
.videowerwulfbackground {background-size:900px ! important;background-position:-300px 0 ! important;aspect-ratio:20 / 12;}
.videowerwulfbackground h2 {max-width:365px;}
.videowerwulfbackground .container {top:30px;left:30px;}
}

@media only screen and (max-width: 500px) {
.nowertohidepage .bgcustom {background-position:-100px 50px ! important;background-size:700px ! important;}
.videowerwulfbackground .container {top:20px;left:20px;}
.videowerwulfbackground {aspect-ratio:20 / 16;}
}
@media only screen and (max-width: 400px) {
.nowertohidepage .bgcustom {background-position:-133px 50px ! important;background-size:700px ! important;}
.nowertohidepage img.logoimage {max-width:230px;margin:30px 0;}
.nowertohidepage .bgcustom {background-size:640px ! important;}
.videowerwulfbackground {background-size:700px ! important;background-position:-300px 0 ! important;}
.videowerwulfbackground h2 {max-width:275px;margin-bottom:10px;}
}


/* End of No Wer to Hide Page */

@media only screen and (max-width: 1000px) {
img.avatarhome {max-width:280px;display:block;}
p.creatingnightmaresp, h2.creatingnightmaresh {max-width:60%;}
}


@media only screen and (max-width: 800px) {
.swiper-slide-2 {background-image:url(../images/the-crypt/the-crypt-square-2.jpg) ! important;background-position:center ! important;}
.swiper-slide-4 {background-image:url(../images/whack-the-demon/whack-the-demon-square.jpg) ! important;background-position:center ! important;}
.slider-text {background:rgba(0,0,0,0.5);padding:10px;border-radius:10px;}
}


@media only screen and (max-width: 767px) {
img.avatarhome {margin-right: -60px;}
}


@media only screen and (max-width: 510px) {
h2.creatingnightmaresh {max-width:100%;}
img.avatarhome {bottom:-47px ! important;}
}

@media only screen and (max-width: 500px) {
.swiper-slide, .sw-overlay {background-position:center ! important;}
h2.nwthlogo img {max-width:200px;}
.subtitle, .featurefootergame p {background:rgba(0,0,0,0.5);}
.featurefootergame p {padding:10px;margin:20px 0;border-radius:20px;}
.swiper-slide-1 .subtitle, .swiper-slide-2 .subtitle, .swiper-slide-3 .subtitle, .swiper-slide-4 .subtitle {margin-top:110px;}
h2.staglogo img {max-width:170px;}
img.avatarhome {margin-right:-95px ! important;}
}

@media only screen and (max-width: 370px) {
.sw-caption-thumb .d-tag {background:rgba(255,0,0,0.5);display:block;border-radius:0;}
h2.nwthlogo img {max-width:170px;}
img.avatarhome {margin-right:-133px ! important;}
p.creatingnightmaresp, h2.creatingnightmaresh {max-width:71%;}
h2.creatingnightmaresh {font-size:30px;}
}

@media only screen and (max-width: 350px) {
.subtitle {font-size:11pt;}
.dark-scheme h1, .dark-scheme h2, .de-item.s2 h4 {font-size:23pt;}
}

.nowertohidepage img.logoimage {margin-bottom:20px;}