body {
  background-color: #6699ff;
}


/*---TYPE---H3 thru H5 in GALLERY.CSS-----*/
.h1, h1 {
  font-family: 'Luckiest Guy';
  font-size: 52px;
  color: #FFF;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 10px;
  margin-top: 1px;
  margin-bottom: -25px;    
}

@media (min-width: 768px) {
  .h1, h1 {
    font-size: 64px;
  }
}

@media (min-width: 992px) {
  .h1, h1 {
    font-size: 72px;
  }
}

h2 {
  font-family: 'Luckiest Guy';
  font-size: 36px;
  color: #ffffff;
  text-align: left;
  padding: 0 5px;
}

@media (min-width: 576px) {
  h2 {
    font-size: 48px;
  }
}

.storyMode {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 14px;
  color: #FFF;
  text-align: left;
  line-height: 1.2;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 5px;
}


@media (min-width: 768px){
.storyMode {
  font-family: 'Mouse Memoirs';
  font-size: 24px;
  color: #FFF;
  text-align: center;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 0 25px;
}
}

@media (min-width: 414px) {
  .storyMode {
    font-size: 18px;
  }  
}

@media (min-width: 576px) {
  .storyMode {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .storyMode{
    font-size: 36px;
  }
}

@media (min-width: 1920px) {
  .storyMode {
    font-size: 42px;
  }
}

.toyMode {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 14px;
  color: #FFF;
  text-align: left;
  line-height: 1.2;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 5px;
}

@media (min-width: 414px){
    .toyMode {
  font-size: 18px !important;
}
}

@media (min-width: 768px) {
 .toyMode {
  font-family: 'Mouse Memoirs' !important;
  font-size: 24px !important;
  color: #FFF;
  text-align: left;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 10px 0px 5px 5px;     
     
}
}

@media (min-width: 576px) {
  .toyMode {
    margin: 5px 5px 25px 5px;
  }
}
@media (min-width: 992px){
    .toySpace{
    margin-top: 50px;
}
}

.altMode {
  font-family: 'Lato';
  font-weight: 400;
  font-size: 16px;
  color: #FFF;
  text-align: left;
  line-height: 1.2;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 5px;
}

@media (min-width: 414px){
  .altMode {
  font-size: 18px !important;
  padding-top: 15px;         
}
}

@media (min-width: 768px){
  .altMode {
  font-family: 'Mouse Memoirs';
  font-size: 30px !important;
  color: #FFF;
  text-align: left;
  line-height: 1.1;
  letter-spacing: 1.2px;
  word-spacing: 1.5px;
  margin: 10px 10px 5px 10px;   
}
}


.mainTitle {
  font-family: 'Luckiest Guy';
  font-size: 18px;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  letter-spacing: 1.5px;
}

@media (min-width: 576px){
    .mainTitle {
  font-size: 30px;
  padding: 10px;
}
}


@media (min-width: 768px){
    .mainTitle {
  font-size: 36px;
  padding: 10px;
}
}

.shopTitle {
  font-family: 'Luckiest Guy';
  font-size: 18px;
  padding: 60px 0 0 0;
  text-align: left;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 18px; 
}

@media (min-width: 414px){
    .shopTitle {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;    
    padding: 45px 0 0 0;    
}
}

@media (min-width: 576px){
    .shopTitle {
    font-size: 26px;
    line-height: 28px;
    letter-spacing: 1.5px;    
    padding: 50px 0 0 0;    
}
}

@media (min-width: 768px){
    .shopTitle {
    font-size: 32px;
    line-height: 30px;
    padding: 80px 0 0 0;    
}
}

@media (min-width: 992px){
    .shopTitle {
    font-size: 40px;
    line-height: 36px;       
}
}

#mainGrid {
    padding: 5px 0 5px 0;
}

@media (min-width: 992px){
    #mainGrid {
    padding: 50px 0 25px 0;
}
}

.mainHolder {
  height: 180px;
}

@media (min-width: 576){
    .mainHolder {
  height: 240px;
}
}

@media (min-width: 768){
    .mainHolder {
  height: 300px;
}
}

@media (min-width: 992){
    .mainHolder {
  height: 500px;
}
}

.myBios {
  background-image: url("../../assets/img/main/Bio-Hearts.gif");    
  /*background-image: url("../../assets/img/main/main-bios.png");*/
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.myToys {
  background-image: url("../../assets/img/main/main-toys.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.myAct {
  background-image: url("../../assets/img/main/main-act.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#mainVideo {
    padding: 5px 0 5px 0;
}

@media (min-width: 992px){
    #mainVideo {
    padding: 50px 0 25px 0;
}
}

.mainVid {
  height: 120px;
}

@media (min-width: 414px){
    .mainVid {
  height: 150px;
}
}

@media (min-width: 576px){
    .mainVid {
  height: 220px;
}
}

@media (min-width: 768px){
    .mainVid {
  height: 280px;
}
}

@media (min-width: 992px){
    .mainVid {
  height: 350px;
}
}

.myVideo {
  background-image: url("../../assets/img/main/laptop-open.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#mainShop {
    padding: 5px 0 25px 0;
}

@media (min-width: 992px){
    #mainShop {
    padding: 50px 0 50px 0;
    }
}

.mainStore {
  height: 110px;    
}

@media (min-width: 576px){
    .mainStore {
  height: 120px;    
}
}

@media (min-width: 768px){
    .mainStore {
  height: 160px;    
}
}

@media (min-width: 992px){
    .mainStore {
  height: 200px;    
}
}

.mainHero { 
  padding-top: -10px;    
  width: 100% !important;
  height: auto !important;
  position: inherit;
  top: 0px;
  left: 0px;
}

#story {
  padding: 0 20px;
}

@media (min-width: 414px) {
  #story {
    padding: 0 30px;
  }
}

@media (min-width: 576px) {
  #story {
    padding: 0 40px;
  }
}

@media (min-width: 768px) {
  #story {
    padding: 0 60px;
  }
}

@media (min-width: 992px) {
  #story {
    padding: 0 75px;
  }
}

@media (min-width: 1200px) {
  #story {
    padding: 0 150px;
  }
}

@media (min-width: 1920px) {
  #story {
    padding: 0 400px;
  }
}

.slidePoster {
  width: 100%;
  height: auto;
}

.sectionTitle {
  margin-top: 20px;
  padding-left: 0px;
  padding-bottom: 15px;
}

@media (min-width: 768px){
  .sectionTitle {
  margin-top: 30px;
  padding-left: 5px;
  padding-bottom: 5px;
}
} 

@media (min-width: 992px){
  .sectionTitle {
  margin-top: 30px;
  padding-left: 35px;
  padding-bottom: 20px;
}
} 

/*-------TOYS PAGE-------*/
.toysIntro {
    padding-top: 20px;
    align-content: center;
    text-align: center;
}

@media (min-width: 768px){
    .toysIntro {
    padding-top: 50px;
}
}

.imgHeader {
  height: 180px;
  margin-left: 20px;    
}


@media (min-width: 414px){
.imgHeader {
  height: 250px;
  margin-left: 5px;    
}
}

@media (min-width: 576px){
.imgHeader {
  height: 280px;
  margin-left: 30px;    
}
}

@media (min-width: 768px){
.imgHeader {
  height: 280px;
 margin-left: 0px;     
}
}
.imgHolder {
  height: 120px;
  margin-top: 15px;    
}

@media (min-width: 414px){
.imgHolder {
  height: 160px;
    margin-top: 20px;
}
}


@media (min-width: 768px){
.imgHolder {
  height: 250px;
    margin-top: 0px;
}
}

.toyHeader {
  background-image: url("../../assets/img/toys/toys-group.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}

.toyBeans {
  background-image: url("../../assets/img/toys/toys-beans.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.toyChonk {
  background-image: url("../../assets/img/toys/toys-chonk.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.toyJumbo {
  background-image: url("../../assets/img/toys/toys-jumbo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#toysMain {
  align-content: center;
  padding: 10px;
}

#toysBeanSec {
  align-content: center;
  padding: 10px;
}

#toysChonkSec {
  align-content: center;
  padding: 10px;
}

#toysJumboSec {
  align-content: center;
  padding: 10px;
}


/*------MOVIE PAGE------*/
#moviesMain{
    align-content: center;
    padding: 30px 0 0 0;
}

.movHero {
  height: 160px;
  align-content: center;
}

@media (min-width: 414px){
    .movHero {
  height: 220px;
    }
}

@media (min-width: 576px){
    .movHero {
  height: 280px;
    }
}

@media (min-width: 768px){
    .movHero {
  height: 320px;
    }
}

@media (min-width: 992px){
    .movHero {
  height: 400px;
    }
}

.movie1-wide {
  background-image: url("../../assets/img/movies/mp-01-wide.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#movieTalk{
    align-content: center;
}

.altIntro {
    padding-top: 20px;
    align-content: center;
    text-align: center;
}

@media (min-width: 768px){
    .altIntro {
    padding-top: 20px;
}
}

#moviesGrid {
  padding-top: 30px;
}

.movHolder {
  height: 100px;
  margin: 5px 0 5px 0;
}

@media (min-width: 360px){
	.movHolder {
  height: 120px;
  margin: 5px 0 10px 0;
}
}

@media (min-width: 414px){
	.movHolder {
  height: 150px;
  margin: 5px;
}
}

@media (min-width: 576px){
	.movHolder {
  height: 180px;
  margin: 10px;
}
}

@media (min-width: 768px){
	.movHolder {
  height: 240px;
  margin: 20px;
}
}

@media (min-width: 992px){
	.movHolder {
  height: 300px;
  margin: 20px;
}
}

.movie1 {
  background-image: url("../../assets/img/movies/mp-01.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie2 {
  background-image: url("../../assets/img/movies/mp-02.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie3 {
  background-image: url("../../assets/img/movies/mp-03.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie4 {
  background-image: url("../../assets/img/movies/mp-04.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie5 {
  background-image: url("../../assets/img/movies/mp-05.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie6 {
  background-image: url("../../assets/img/movies/mp-06.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.movie7 {
  background-image: url("../../assets/img/movies/mp-07.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.videoBack {
  height: 210px;
}

@media (min-width: 360px) {
  .videoBack {
    height: 210px;
  }
}

@media (min-width: 414px) {
  .videoBack {
    height: 280px;
  }
}

@media (min-width: 576px) {
  .videoBack {
    height: 325px;
  }
}

@media (min-width: 768px) {
  .videoBack {
    height: 450px;
  }
}

@media (min-width: 992px) {
  .videoBack {
    height: 600px;
  }
}

.videoPad {
  text-align: center;
  align-content: center;
  padding-top: 25px;
}

@media (min-width: 360px) {
  .videoPad {
    text-align: center;
    align-content: center;
    padding-top: 35px;
  }
}

@media (min-width: 414px) {
  .videoPad {
    padding-top: 60px;
  }
}

@media (min-width: 576px) {
  .videoPad {
    padding-top: 45px;
  }
}

@media (min-width: 768px) {
  .videoPad {
    padding-top: 60px;
  }
}

@media (min-width: 992px) {
  .videoPad {
    padding-top: 65px;
    padding-left: 35px;
  }
}

.videoPlayer {
  width: 240px;
  height: 135px;
}

@media (min-width: 414px) {
  .videoPlayer {
    width: 280px;
    height: 158px;
  }
}

@media (min-width: 576px) {
  .videoPlayer {
    width: 400px;
    height: 225px;
  }
}

@media (min-width: 768px) {
  .videoPlayer {
    width: 560px;
    height: 315px;
  }
}

@media (min-width: 992px) {
  .videoPlayer {
    width: 640px;
    height: 360px;
  }
}


/*-------ACTIVITY PAGE-----------*/

.act0 {
  background-image: url("../../assets/img/downloads/wall-wide.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.act1 {
  background-image: url("../../assets/img/downloads/dwn-beans.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.act2 {
  background-image: url("../../assets/img/downloads/dwn-chonks.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.act3 {
  background-image: url("../../assets/img/downloads/dwn-jumbos.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.act4 {
  background-image: url("../../assets/img/downloads/dwn-m-wall.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.act5 {
  background-image: url("../../assets/img/downloads/dwn-clr1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.act6 {
  background-image: url("../../assets/img/downloads/dwn-clr2.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/*----------BUY PAGE-----------*/

#buyMain{

    align-content: center;
    padding: 24px 0;
}

.buyHolder {
  height: 180px;
}

@media (min-width: 768px){
   .buyHolder {
  height: 300px;
  margin: 20px;       
} 
}

.myShop {
  background-image: url("../../assets/img/main/main-basket.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.buySpace {
    text-align: center;
    align-content: center;
    margin-top: 10px;
}

@media (min-width: 768px){
    .buySpace {
    margin-top: 10px;
}
}

#wmMain{

    align-content: center;
    padding: 24px 0;
}

.wmHolder {
  height: 180px;
}

@media (min-width: 768px){
   .wmHolder {
  height: 300px;
  margin: 20px;       
} 
}



#buyRetail {
  align-content: center;
}

.retHolder {
  height: 100px;
  margin: 10px 15px;
}

@media (min-width: 768px){
  .retHolder {
  height: 150px;
  margin: 10px;
}    
}

.ret2Holder {
  height: 80px;
  margin: 10px;
}
@media (min-width: 768px){
  .ret2Holder {
  height: 80px;
  margin: 10px;
}       
}


.proHolder {
  height: 100px;
  margin: 10px;
}
@media (min-width: 768px){
  .proHolder {
  height: 150px;
  margin: 10px;
}       
}

.retPara {
  text-align: center;
  margin: 15px;
}

.retAMZ {
  background-image: url("../../assets/img/logos/amz.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retDVShop {
  background-image: url("../../assets/img/logos/dvs-shop.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retWM {
  background-image: url("../../assets/img/logos/dvs-wm.svg");
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

.retWMPK {
  background-image: url("../../assets/img/retail/DVS-BEANS-BAG.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retCLR {
  background-image: url("../../assets/img/logos/claires.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retBAM {
  background-image: url("../../assets/img/logos/bam.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retSUG {
  background-image: url("../../assets/img/logos/ItsSugar.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}


.retGWL {
  background-image: url("../../assets/img/logos/GWL.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retHT {
  background-image: url("../../assets/img/logos/HotTopic.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retLEX {
  background-image: url("../../assets/img/logos/LEXT.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retEnt{
  background-image: url("../../assets/img/logos/Entertainer.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.retSmyths{
  background-image: url("../../assets/img/logos/Smyths.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/*-------LEGAL PAGES-----------*/

#legalMain{

    align-content: center;
    padding: 24px 0;
}

.extraBox {
  text-align: center;
  padding: 25px;
  margin: 50px 0 20px 0;
}

.legalBox {
  font-family: 'Lato';
  color: #FFFFFF;
  font-size: 14px;
  /*padding: 20px 30px 30px 30px;*/
  display: inline-block;
  text-align: left;    
}

@media (min-width: 576px){
.legalBox {
  font-size: 16px;

}
}

@media (min-width: 768px){
.legalBox {
  font-size: 18px;

}
}

@media (min-width: 992px){
.legalBox {
  font-size: 18px;

}
}

/*----------MSIC PAGE--------*/


#miscPage{
align-content: center;
}


.miscHolder {
  height: 190px;
  margin: 24px 0 20px 0;    
}

@media (min-width: 576px){
 .miscHolder {
  height: 220px;
}
}

@media (min-width: 768px){
 .miscHolder {
  height: 300px;
}
}

.miaImg {
  background-image: url("../../assets/img/misc/404.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}