@charset "UTF-8";

:root {
  --slightwhite: #FDFFFD;
  --lightest: #C5EBD0;
  --accent: #04AA6D;
  --accentdark: #01551A;
  --dark: #303B33;
  --darkest: #041709;
}


.titlebar{
    background-image: url(../../Assets/Base/HeaderBG-Green.png);
}

.topnav img{
    content: url(../../Assets/Base/LogoGreenSmall.png);
}
.footleft img{
    content: url(../../Assets/Base/LogoGreenSmall.png);
}


#BannerComic .BannerStripe{
    content: url(../../Assets/Home/Banners-Green/BannerRightDown.png);
}

#BannerCharacters .BannerStripe{
    content: url(../../Assets/Home/Banners-Green/BannerMidUpRight.png);
}

#BannerShop .BannerStripe{
    content: url(../../Assets/Home/Banners-Green/BannerLeftUp.png);
}

#BannerBlog .BannerStripe{
    content: url(../../Assets/Home/Banners-Green/BannerLeftDown.png);
}

#BannerFAQ .BannerStripe{
    content: url(../../Assets/Home/Banners-Green/BannerMidUpLeft.png);
}




@media screen and (max-width: 740px) {

    .titlebar {
        background-image: url(../../Assets/Base/LogoGreenSmall.png);
    }
    
}