body {
  margin: 0;
  font-family: 'Cabin';
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: left;
  background-color: #fff;
}

#nav-section {
  font-family: 'Mouse Memoirs', sans-serif;
  font-size: 28px;
  background-color: #b4fdfe;
  background-image: url("../../assets/img/main/pd-pattern.png");
  height: 95px;
  background-size: contain;
  background-repeat: repeat;
  font-size: 24px;
}

.navbar-light .navbar-brand {
  background-image: url("../../assets/img/logos/popi-logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 110px;
  height: 80px;
  background-size: contain;
  margin-top: 8px;
  margin-right: 0px;
}

#navcol-1 {
  font-family: 'Mouse Memoirs';
  color: #b32ec2;
  font-size: 28px;
  margin-top: 10px;
}

#navdrop {
  font-family: 'Mouse Memoirs';
  color: #b32ec2;
  font-size: 24px;
  margin-top: 10px;
}

.nav.navbar-nav.flex-grow-1.justify-content-end {
}

.navbar-light .navbar-nav .nav-link {
  color: #b32ec2;
}

.vidlink { 
	color: #FFFFFF; 
}

.vidlink:hover {
	color: rgba(247, 57, 147, 1);
	text-decoration: none;
}

#carousel-1 {
  padding-top: 95px;
}

#carousel-nav {
  font-size: 56px;
}

@media (min-width: 768px) {
  #carousel-nav {
    font-size: 86px;
  }
}

#intro-section {
 padding: 30px 20px 20px 20px;
  text-align: center;
}


@media (min-width: 992px){
#intro-section {
 padding: 30px 90px 20px 90px;
  text-align: center;
}	
}

.intro-heading{
  font-family: 'Ranchers';
  font-size: 24px;
  
  color: #F73993;	
	
}

@media (min-width: 375px) {
  .intro-heading {
  font-size: 28px;
  letter-spacing: 1.5px;	  
 }
}

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

.intro-text {
  font-family: 'Cabin';
  font-size: 14px;
  line-height: 14px;
  color: #5d0096;
  text-align: center;
}

@media (min-width: 576px){
	.intro-text {
  	font-family: 'Cabin';
 	font-size: 20px;
  	line-height: 24px;
  	color: #5d0096;;
}
}

#faces-section {
  padding-top: 30px;
  padding-bottom: 30px;
}

.faces {
  height: 150px;
  margin: 0 0 0 0;
  text-align: center;
}

@media (min-width: 375px){
.faces {
  height: 190px;
}
}

@media (min-width: 425px){
.faces {
  height: 200px;
}
}

@media (min-width: 576px){
.faces {
  height: 255px;
}
}

@media (min-width: 768px){
.faces {
  height: 220px;
}
}

@media (min-width: 992px){
.faces {
  height: 270px;
}
}

.faces1 {
	background-image: url("../../assets/img/main/face01.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 576px){
	.faces1 {
	background-size: contain;
}
}

.faces2 {
	background-image: url("../../assets/img/main/face02.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 576px){
	.faces2 {
	background-size: contain;
}
}

.faces3 {
	background-image: url("../../assets/img/main/face03.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 576px){
	.faces3 {
	background-size: contain;
}
}
	
.faces4 {
	background-image: url("../../assets/img/main/face04.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (min-width: 576px){
	.faces4 {
	background-size: contain;
}	
}


#btn-discover {
  width: 120px;
  text-align: center;
  margin: 0 0 0 0;
}

h3 {
  font-size: 32px;
  letter-spacing: 2px;
  font-weight: 700;
  font-family: 'Ranchers';
  color: #ffffff;
}

h4 {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  font-family: 'Cabin';
  margin-bottom: 10px;
}

#extra-section {
  padding: 30px 0 30px 0;
}

#extra-left {
  height: 300px;
  padding-top: 10px;
  margin: 0 0 0 0;
  text-align: center;
}

@media (min-width: 576px) {
  #extra-left {
    height: 400px;
    padding-top: 10px;
    margin: 0 0 0 0;
    text-align: center;
  }
}

@media (min-width: 768px) {
  #extra-left {
    height: 300px;
    padding-top: 10px;
    margin: 0 15px 10px 15px;
    text-align: center;
  }
}

@media (min-width: 992px) {
  #extra-left {
    height: 375px;
    padding-top: 10px;
    margin: 0 15px 10px 15px;
    text-align: center;
  }
}

@media (min-width: 1440px) {
  #extra-left {
    height: 500px;
    padding-top: 10px;
    margin: 0 15px 10px 15px;
    text-align: center;
  }
}

.exLEFT {
	background-image: url("../../assets/img/main/toys01.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#extra-right {
  height: 300px;
  padding-top: 10px;
  margin: 0 0 0 0;
  text-align: center;
}

@media (min-width: 576px) {
  #extra-right {
    height: 400px;
    padding-top: 10px;
    margin: 0 0 0 0;
    text-align: center;
  }
}

@media (min-width: 768px) {
  #extra-right {
    height: 300px;
    padding-top: 10px;
    margin: 0px 15px 10px 15px;
    text-align: center;
  }
}

@media (min-width: 992px) {
  #extra-right {
    height: 375px;
    padding-top: 10px;
    padding-bottom: 30px;
    margin: 0px 15px 10px 15px;
    text-align: center;
  }
}

@media (min-width: 1440px) {
  #extra-right {
    height: 500px;
    padding-top: 10px;
    padding-bottom: 30px;
    margin: 0px 15px 10px 15px;
    text-align: center;
  }
}

.exRIGHT {
	background-image: url("../../assets/img/main/down01.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.extras-image {
  text-align: center;
}

#buy-section {
 padding: 30px 50px 100px 50px;
 text-align: center;
 height: 120px;
 
}

#super-space {
	padding: 75px
		
}

@media (min-width: 576px){
	#super-space {
	padding: 50px
		
}
	
}

/*------------------FOOTER------------------*/
#superfooter {
  width: 100%;
  height: 600px;
  background-color: #782099;
  text-align: center;
  padding: 50px 0px;
}

@media (min-width: 576px) {
  #superfooter {
    height: 550px;
  }
}

@media (min-width: 768px) {
  #superfooter {
    height: 250px;
  }
}

.sf-left {
  margin-bottom: 20px;
}

.sf-center {
  margin-bottom: 20px;
}

.sf-right {
  margin-bottom: 20px;
}

.footHead {
  color: #ffffff;
  font-family: 'Mouse Memoirs';
  font-size: 36px;
}

.social-foot a {
  font-size: 32px;
  padding-right: 10px;
  color: white;
}

.hash {
  font-size: 24px;
  font-family: 'Cabin';
}

#footBasic {
  padding: 20px 0;
  font-size: 16px;
  height: 100px;
  background-color: #B231E2;
}

@media (min-width: 768px) {
  #footBasic {
    padding: 20px 0;
    font-size: 14px;
    height: 65px;
    background-color: #B231E2;
  }
}

.footlink { 
	color: #FFFFFF; 
}

.footlink:hover {
	color: #FFFFFF;
	text-decoration: none;
}
/*----------------end FOOTER---------------------------*/

/*----------------SECTION------------------------------*/
#section-heading {
  font-family: 'Ranchers';
  font-size: 32px;
  letter-spacing: 1.5px;
  color: #F73993;
}

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

#section-head {
  padding-top: 105px;
  height: 155px;
  margin: 0 0 0 0;
}

@media (min-width: 576px) {
  #section-head {
    padding-top: 105px;
    height: 175px;
    margin: 0 0 0 0;
  }
}
/*---------------------SECTION END------------------*/

/*---------------------CHARCTER---------------------*/
#character-sub {
  padding: 0 0 15px 0;
}

@media (min-width: 576px) {
  #character-sub {
    padding: 0 15px 15px 15px;
  }
}

.col-2.sub-nav {
  padding: 0 0 0 0;
}

#sub-face {
  height: 65px;
}

@media (min-width: 425px) {
  #sub-face {
    height: 75px;
  }
}

@media (min-width: 576px) {
  #sub-face {
    height: 100px;
  }
}

@media (min-width: 768px) {
  #sub-face {
    height: 140px;
  }
}

@media (min-width: 992px) {
  #sub-face {
    height: 175px;
  }
}

@media (min-width: 1200px) {
  #sub-face {
    height: 190px;
  }
}

@media (min-width: 1440px) {
  #sub-face {
    height: 200px;
  }
}

.sub-catie {
  background-image: url(../../assets/img/characters/C-Catie.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.sub-francesca {
  background-image: url(../../assets/img/characters/C-Francesca.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.sub-hallie {
  background-image: url(../../assets/img/characters/C-Hallie.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.sub-heidi {
  background-image: url(../../assets/img/characters/C-Heidi.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.sub-honey {
  background-image: url(../../assets/img/characters/C-Honey.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.sub-jules {
  background-image: url(../../assets/img/characters/C-Jules.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
/*---------------------------CHARACTER-SUB end---------------------*/

/*---------------------------CHARACTER-IND-------------------------*/
#character-main {
  padding: 10px 0 10px 0;
}

@media (min-width: 576px) {
  #character-main {
    padding: 10px 0 15px 0;
  }
}

#character-hero {
  padding: 0 0 10px 0;
}

@media (min-width: 576px) {
  #character-hero {
    padding: 0 7.5px 0 0;
  }
}

.hero {
  height: 350px;
}

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

.heroCatie {
  background-image: url("../../assets/img/characters/C-CatieHero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 350px;
}

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

.heroFrancesca {
  background-image: url("../../assets/img/characters/C-FrancescaHero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 350px;
}

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

.heroHallie {
  background-image: url("../../assets/img/characters/C-HallieHero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 350px;
}

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

.heroHeidi {
  background-image: url("../../assets/img/characters/C-HeidiHero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 350px;
}

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

.heroHoney {
  background-image: url("../../assets/img/characters/C-HoneyHero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 350px;
}

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

.heroJules {
  background-image: url("../../assets/img/characters/C-JulesHero.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  height: 350px;
}

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

#character-bio {
  padding: 0 0 0 0;
}

@media (min-width: 576px) {
  #character-bio {
    padding: 0 0 0 7.5px;
  }
}

/*--------------------BIO BOX--------------*/
.c-bioBlue {
  background-color: #00ABC8;
  height: 350px;
  padding: 15px;
}

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

.c-bioPurple {
  background-color: #6842a1;
  height: 350px;
  padding: 15px;
}

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

.c-bioPink {
  background-color: #ff3399;
  height: 350px;
  padding: 15px;
}

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

.c-bioYellow {
  background-color: #ffb400;
  height: 350px;
  padding: 15px;
}

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

/*---------------------BiIO HEADER-----------------------*/
#bio-headerBlue {
  font-family: 'Ranchers';
  margin: 0 0 0 10px;
  font-size: 48px;
  color: #00ABC8;
}

@media (min-width: 576px) {
  #bio-headerBlue {
    font-size: 56px;
  }
}

#bio-headerPink {
  font-family: 'Ranchers';
  margin: 0 0 0 10px;
  font-size: 48px;
  color: #ff3399;
}

@media (min-width: 576px) {
  #bio-headerPink {
    font-size: 56px;
  }
}

#bio-headerPurple {
  font-family: 'Ranchers';
  margin: 0 0 0 10px;
  font-size: 48px;
  /*color: #ff3399;*/
}

@media (min-width: 576px) {
  #bio-headerPurple {
    font-size: 56px;
  }
}

#bio-headerTeal {
  font-family: 'Ranchers';
  margin: 0 0 0 10px;
  font-size: 48px;
  color: #55fff5;
}

@media (min-width: 576px) {
  #bio-headerTeal {
    font-size: 56px;
  }
}

#bio-headerYellow {
  font-family: 'Ranchers';
  margin: 0 0 0 10px;
  font-size: 48px;
  color: #ffc539;
}

@media (min-width: 576px) {
  #bio-headerYellow {
    font-size: 56px;
  }
}

/*-------------------------BIO SUB---------------------*/
#bio-subBlue {
  font-family: 'Ranchers';
  color: #00ABC8;
  font-size: 24px;
  margin-bottom: 10px;
  margin-left: 10px;
}

@media (min-width: 576px) {
  #bio-subBlue {
    font-size: 24px;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  #bio-subBlue {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  #bio-subBlue {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

#bio-subPink {
  font-family: 'Ranchers';
  color: #ff3399;
  font-size: 24px;
  margin-bottom: 10px;
  margin-left: 10px;
}

@media (min-width: 576px) {
  #bio-subPink {
    font-size: 24px;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  #bio-subPink {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  #bio-subPink {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

#bio-subPurple {
  font-family: 'Ranchers';
  font-size: 24px;
  margin-bottom: 10px;
  margin-left: 10px;

}

@media (min-width: 576px) {
  #bio-subPurple {
    font-size: 24px;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  #bio-subPurple {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  #bio-subPurple {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

#bio-subYellow {
  font-family: 'Ranchers';
  color: #ffc539;
  font-size: 24px;
  margin-bottom: 10px;
  margin-left: 10px;
}

@media (min-width: 576px) {
  #bio-subYellow {
    font-size: 24px;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  #bio-subYellow {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  #bio-subYellow {
    font-size: 36px;
    margin-bottom: 30px;
  }
}

/*---------------BIO BODY----------------------*/
#bio-text {
  font-family: 'Mouse Memoirs';
  font-size: 18px;
  letter-spacing: 1px;
  margin: 0 10px 0 10px;
  line-height: 20px;
  color: white;
}

@media (min-width: 360px) {
  #bio-text {
    font-size: 20px;
    letter-spacing: 1px;
    margin: 0 10px 0 10px;
    line-height: 20px;
  }
}

@media (min-width: 425px) {
  #bio-text {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
  }
}

@media (min-width: 576px) {
  #bio-text {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
  }
}

@media (min-width: 768px) {
  #bio-text {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
  }
}

@media (min-width: 992px) {
  #bio-text {
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 28px;
  }
}

@media (min-width: 1200px) {
  #bio-text {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 32px;
  }
}
/*------------------CHARACTER-BANNER---------------*/
#character-banner {
  padding: 0 0 0 0;
}

@media (min-width: 375px) {
  #character-banner {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 576px) {
  #character-banner {
    padding: 0 0 0 0;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  #character-banner {
    padding: 0 0 0 0;
    margin-bottom: 15px;
  }
}

.c-bannerCatie {
  background-image: url("../../assets/img/characters/C-CatieBannerB.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 320px;
}

@media (min-width: 360px) {
  .c-bannerCatie {
    height: 375px;
  }
}

@media (min-width: 425px) {
  .c-bannerCatie {
    height: 420px;
  }
}

@media (min-width: 576px) {
  .c-bannerCatie {
    background-image: url("../../assets/img/characters/C-CatieBannerA.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
  }
}

@media (min-width: 768px) {
  .c-bannerCatie {
    background-size: contain;
    height: 210px;
  }
}

@media (min-width: 992px) {
  .c-bannerCatie {
    background-size: contain;
    height: 270px;
  }
}

@media (min-width: 1200px) {
  .c-bannerCatie {
    background-size: contain;
    height: 325px;
  }
}

@media (min-width: 1440px) {
  .c-bannerCatie {
    background-size: cover;
    height: 350px;
  }
}

.c-bannerFrancesca {
  background-image: url("../../assets/img/characters/C-FrancescaBannerB.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 320px;
}

@media (min-width: 360px) {
  .c-bannerFrancesca {
    height: 375px;
  }
}

@media (min-width: 425px) {
  .c-bannerFrancesca {
    height: 420px;
  }
}

@media (min-width: 576px) {
  .c-bannerFrancesca {
    background-image: url("../../assets/img/characters/C-FrancescaBannerA.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
  }
}

@media (min-width: 768px) {
  .c-bannerFrancesca {
    background-size: contain;
    height: 210px;
  }
}

@media (min-width: 992px) {
  .c-bannerFrancesca {
    background-size: contain;
    height: 270px;
  }
}

@media (min-width: 1200px) {
  .c-bannerFrancesca {
    background-size: contain;
    height: 325px;
  }
}

@media (min-width: 1440px) {
  .c-bannerFrancesca {
    background-size: cover;
    height: 350px;
  }
}

.c-bannerHallie {
  background-image: url("../../assets/img/characters/C-HallieBannerB.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 320px;
}

@media (min-width: 360px) {
  .c-bannerHallie {
    height: 375px;
  }
}

@media (min-width: 425px) {
  .c-bannerHallie {
    height: 420px;
  }
}

@media (min-width: 576px) {
  .c-bannerHallie {
    background-image: url("../../assets/img/characters/C-HallieBannerA.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
  }
}

@media (min-width: 768px) {
  .c-bannerHallie {
    background-size: contain;
    height: 210px;
  }
}

@media (min-width: 992px) {
  .c-bannerHallie {
    background-size: contain;
    height: 270px;
  }
}

@media (min-width: 1200px) {
  .c-bannerHallie {
    background-size: contain;
    height: 325px;
  }
}

@media (min-width: 1440px) {
  .c-bannerHallie {
    background-size: cover;
    height: 350px;
  }
}

.c-bannerHeidi {
  background-image: url("../../assets/img/characters/C-HeidiBannerB.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 320px;
}

@media (min-width: 360px) {
  .c-bannerHeidi {
    height: 375px;
  }
}

@media (min-width: 425px) {
  .c-bannerHeidi {
    height: 420px;
  }
}

@media (min-width: 576px) {
  .c-bannerHeidi {
    background-image: url("../../assets/img/characters/C-HeidiBannerA.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
  }
}

@media (min-width: 768px) {
  .c-bannerHeidi {
    background-size: contain;
    height: 210px;
  }
}

@media (min-width: 992px) {
  .c-bannerHeidi {
    background-size: contain;
    height: 270px;
  }
}

@media (min-width: 1200px) {
  .c-bannerHeidi {
    background-size: contain;
    height: 325px;
  }
}

@media (min-width: 1440px) {
  .c-bannerHeidi {
    background-size: cover;
    height: 350px;
  }
}

.c-bannerHoney {
  background-image: url("../../assets/img/characters/C-HoneyBannerB.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 320px;
}

@media (min-width: 360px) {
  .c-bannerHoney {
    height: 375px;
  }
}

@media (min-width: 425px) {
  .c-bannerHoney {
    height: 420px;
  }
}

@media (min-width: 576px) {
  .c-bannerHoney {
    background-image: url("../../assets/img/characters/C-HoneyBannerA.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
  }
}

@media (min-width: 768px) {
  .c-bannerHoney {
    background-size: contain;
    height: 210px;
  }
}

@media (min-width: 992px) {
  .c-bannerHoney {
    background-size: contain;
    height: 270px;
  }
}

@media (min-width: 1200px) {
  .c-bannerHoney {
    background-size: contain;
    height: 325px;
  }
}

@media (min-width: 1440px) {
  .c-bannerHoney {
    background-size: cover;
    height: 350px;
  }
}

.c-bannerJules {
  background-image: url(../../assets/img/characters/C-JulesBannerB.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 320px;
}

@media (min-width: 360px) {
  .c-bannerJules {
    height: 375px;
  }
}

@media (min-width: 425px) {
  .c-bannerJules {
    height: 420px;
  }
}

@media (min-width: 576px) {
  .c-bannerJules {
    background-image: url(../../assets/img/characters/C-JulesBannerA.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 150px;
  }
}

@media (min-width: 768px) {
  .c-bannerJules {
    background-size: contain;
    height: 210px;
  }
}

@media (min-width: 992px) {
  .c-bannerJules {
    background-size: contain;
    height: 270px;
  }
}

@media (min-width: 1200px) {
  .c-bannerJules {
    background-size: contain;
    height: 325px;
  }
}

@media (min-width: 1440px) {
  .c-bannerJules {
    background-size: cover;
    height: 350px;
  }
}

#character-two {
  padding: 15px 0 15px 0;
}

@media (min-width: 360px) {
  #character-two {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 576px) {
  #character-two {
    padding: 0 0 30px 0;
  }
}

#c-CATIE-box {
  background-image: url(../../assets/img/characters/C-CatieBox.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-CATIE-box {
    height: 200px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-CATIE-box {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-CATIE-box {
    height: 400px;
  }
}

#c-CATIE-room {
  background-image: url(../../assets/img/characters/C-CatieRoom.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-CATIE-room {
    height: 200px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-CATIE-room {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-CATIE-room {
    height: 400px;
  }
}

#c-FRANCESCA-room {
  background-image: url("../../assets/img/characters/C-FrancescaRoom.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-FRANCESCA-room {
    height: 200px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-FRANCESCA-room {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-FRANCESCA-room {
    height: 400px;
  }
}

#c-FRANCESCA-box {
  background-image: url("../../assets/img/characters/C-FrancescaBox.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-FRANCESCA-box {
    height: 200px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-FRANCESCA-box {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-FRANCESCA-box {
    height: 400px;
  }
}

#c-HALLIE-box {
  background-image: url(../../assets/img/characters/C-HallieBox.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-HALLIE-box {
    height: 200px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-HALLIE-box {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-HALLIE-box {
    height: 400px;
  }
}

#c-HALLIE-room {
  background-image: url(../../assets/img/characters/C-HallieRoom.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-HALLIE-room {
    height: 200px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-HALLIE-room {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-HALLIE-room {
    height: 400px;
  }
}

#c-HEIDI-box {
  background-image: url("../../assets/img/characters/C-HeidiBox.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-HEIDI-box {
    height: 200px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-HEIDI-box {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-HEIDI-box {
    height: 400px;
  }
}

#c-HEIDI-room {
  background-image: url("../../assets/img/characters/C-HeidiRoom.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-HEIDI-room {
    height: 200px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-HEIDI-room {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-HEIDI-room {
    height: 400px;
  }
}

#c-HONEY-box {
  background-image: url(../../assets/img/characters/C-HoneyBox.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-HONEY-box {
    height: 200px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-HONEY-box {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-HONEY-box {
    height: 400px;
  }
}

#c-HONEY-room {
  background-image: url(../../assets/img/characters/C-HoneyRoom.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-HONEY-room {
    height: 200px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-HONEY-room {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-HONEY-room {
    height: 400px;
  }
}

#c-JULES-box {
  background-image: url(../../assets/img/characters/C-JulesBox.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-JULES-box {
    height: 200px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-JULES-box {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-JULES-box {
    height: 400px;
  }
}

#c-JULES-room {
  background-image: url(../../assets/img/characters/C-JulesRoom.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
}

@media (min-width: 576px) {
  #c-JULES-room {
    height: 200px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #c-JULES-room {
    height: 300px;
  }
}

@media (min-width: 992px) {
  #c-JULES-room {
    height: 400px;
  }
}
/*----------------------------------CHARCTER ENDS-------------------*/

/*----------------------------------GAMES---------------------------*/
#game-featured {
  padding: 40px 0 10px 0;
}

@media (min-width: 375px) {
  #game-featured {
    padding: 15px 0 10px 0;
  }
}

@media (min-width: 425px) {
  #game-featured {
    padding: 15px 15px 0 15px;
  }
}

@media (min-width: 576px) {
  #game-featured {
    padding: 15px 0 15px 0;
  }
}

#g-featured {
  background-image: url(../../assets/img/games/G-featuredCS.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  height: 150px;
}

@media (min-width: 425px) {
  #g-featured {
    height: 160px;
  }
}

@media (min-width: 576px) {
  #g-featured {
    background-size: cover;
    height: 200px;
  }
}

@media (min-width: 768px) {
  #g-featured {
    height: 240px;
  }
}

@media (min-width: 992px) {
  #g-featured {
    height: 350px;
  }
}

@media (min-width: 1200px) {
  #g-featured {
    height: 400px;
  }
}

@media (min-width: 1440px) {
  #g-featured {
    height: 475px;
  }
}

#game-second {
  padding: 0 0 0 0;
}

@media (min-width: 425px) {
  #game-second {
    padding: 15px 0 15px 0;
  }
}

#g-secondA {
  background-image: url(../../assets/img/games/G-PairsBCS.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
}

@media (min-width: 425px) {
  #g-secondA {
    background-size: contain;
    height: 150px;
    margin-bottom: 15px;
  }
}

@media (min-width: 576px) {
  #g-secondA {
    background-image: url(../../assets/img/games/G-PairsACS.jpg);
    background-size: cover;
    height: 170px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #g-secondA {
    height: 230px;
  }
}

@media (min-width: 992px) {
  #g-secondA {
    height: 310px;
  }
}

@media (min-width: 1200px) {
  #g-secondA {
    height: 380px;
  }
}

#g-secondB {
  background-image: url(../../assets/img/games/G-QuizBCS.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
}

@media (min-width: 425px) {
  #g-secondB {
    background-size: contain;
    height: 150px;
  }
}

@media (min-width: 576px) {
  #g-secondB {
    background-image: url(../../assets/img/games/G-QuizACS.jpg);
    background-size: cover;
    height: 170px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #g-secondB {
    height: 230px;
  }
}

@media (min-width: 992px) {
  #g-secondB {
    height: 310px;
  }
}

@media (min-width: 1200px) {
  #g-secondB {
    height: 380px;
  }
}

#game-banner {
}

@media (min-width: 425px) {
  #game-banner {
    margin-bottom: 15px;
  }
}

#g-banner {
  background-image: url(../../assets/img/games/G-BannerBCS.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
  height: 150px;
}

@media (min-width: 425px) {
  #g-banner {
    height: 150px;
  }
}

@media (min-width: 576px) {
  #g-banner {
    background-image: url(../../assets/img/games/G-BannerACS.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 130px;
  }
}

@media (min-width: 768px) {
  #g-banner {
    height: 160px;
  }
}

@media (min-width: 992px) {
  #g-banner {
    height: 230px;
  }
}

@media (min-width: 1200px) {
  #g-banner {
    height: 280px;
  }
}

@media (min-width: 1440px) {
  #g-banner {
    height: 350px;
  }
}

#game-fourth {
  padding: 0 0 0 0;
}

@media (min-width: 425px) {
  #game-fourth {
    padding: 15px;
  }
}

@media (min-width: 576px) {
  #game-fourth {
    padding: 15px 0;
  }
}

#g-fourthA {
  background-image: url(../../assets/img/games/G-EmojiBCS.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
}

@media (min-width: 425px) {
  #g-fourthA {
    background-size: cover;
    height: 150px;
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  #g-fourthA {
    background-image: url(../../assets/img/games/G-EmojiACS.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
    margin-right: 7.5px;
  }
}

@media (min-width: 768px) {
  #g-fourthA {
    height: 230px;
  }
}

@media (min-width: 992px) {
  #g-fourthA {
    height: 310px;
  }
}

@media (min-width: 1200px) {
  #g-fourthA {
    height: 400px;
  }
}

#g-fourthB {
  background-image: url(../../assets/img/games/G-SecretBCS.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
}

@media (min-width: 425px) {
  #g-fourthB {
    background-size: cover;
    height: 150px;
  }
}

@media (min-width: 576px) {
  #g-fourthB {
    background-image: url(../../assets/img/games/G-SecretACS.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
    margin-left: 7.5px;
  }
}

@media (min-width: 768px) {
  #g-fourthB {
    height: 230px;
  }
}

@media (min-width: 992px) {
  #g-fourthB {
    height: 310px;
  }
}

@media (min-width: 1200px) {
  #g-fourthB {
    height: 400px;
  }
}
/*--------------------------------GAMES END-----------------------*/

/*--------------------------------DOWNLOADS-----------------------*/

#down-banner {
  padding: 0 0 0 0;
}

@media (min-width: 375px) {
  #down-banner {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 576px) {
  #down-banner {
    padding: 0 0 0 0;
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  #down-banner {
    padding: 0 0 0 0;
    margin-bottom: 15px;
  }
}

.d-bannerFoldables {
  background-image: url("../../assets/img/downloads/d-bannerFeaturedB.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 220px;
}

@media (min-width: 360px) {
  .d-bannerFoldables {
    height: 250px;
  }
}

@media (min-width: 425px) {
  .d-bannerFoldables {
    height: 300px;
  }
}

@media (min-width: 576px) {
  .d-bannerFoldables {
    background-image: url("../../assets/img/downloads/d-bannerFeaturedA.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 220px;
  }
}

@media (min-width: 768px) {
  .d-bannerFoldables {
    background-size: contain;
    height: 290px;
  }
}

@media (min-width: 992px) {
  .d-bannerFoldables {
    background-size: contain;
    height: 375px;
  }
}

@media (min-width: 1200px) {
  .d-bannerFoldables {
    background-size: contain;
    height: 450px;
  }
}

@media (min-width: 1440px) {
  .d-bannerFoldables {
    background-size: cover;
    height: 450px;
  }
}

#d-fhead {
  font-family: 'Mouse Memoirs';
  font-size: 24px;
  padding: 50px 0 0 15px;
}

@media (min-width: 360px) {
  #d-fhead {
    font-size: 28px;
    padding: 60px 0 0 15px;
  }
}

@media (min-width: 425px) {
  #d-fhead {
    font-size: 32px;
    padding: 75px 0 0 20px;
  }
}

@media (min-width: 576px) {
  #d-fhead {
    font-size: 36px;
    padding: 40px 0 0 30px;
  }
}

@media (min-width: 768px) {
  #d-fhead {
    font-size: 48px;
    padding: 60px 0 0 45px;
  }
}

@media (min-width: 992px) {
  #d-fhead {
    font-size: 56px;
    padding: 100px 0 0 55px;
  }
}

@media (min-width: 1200px) {
  #d-fhead {
    font-size: 56px;
    padding: 155px 0 0 65px;
  }
}

#d-fhead2 {
  font-family: 'Mouse Memoirs';
  font-size: 16px;
  padding: 0 0 0 15px;
}

@media (min-width: 425px) {
  #d-fhead2 {
    font-size: 20px;
    padding: 0 0 0 20px;
  }
}

@media (min-width: 576px) {
  #d-fhead2 {
    font-size: 22px;
    padding: 0 0 0 30px;
  }
}

@media (min-width: 768px) {
  #d-fhead2 {
    font-size: 28px;
    padding: 0 0 0 45px;
  }
}

@media (min-width: 992px) {
  #d-fhead2 {
    font-size: 32px;
    padding: 0 0 0 55px;
  }
}

@media (min-width: 1200px) {
  #d-fhead2 {
    font-size: 32px;
    padding: 0 0 0 65px;
  }
}

.button-fox {
  text-align: left;
  padding: 0px 15px 0 20px;
  margin-left: -10px;
}

@media (min-width: 375px){
  .button-fox {
  text-align: left;
  padding: 0px 15px 0 10px;
  margin-left: 0px;	  
}
}

@media (min-width: 576px){
  .button-fox {
  text-align: left;
  padding: 0 15px 0 30px;
}
}

@media (min-width: 768px){
  .button-fox {
  text-align: left;
  padding: 0px 15px 0 45px;
}
}

@media (min-width: 922px){
  .button-fox {
  text-align: left;
  padding: 15px 15px 0 55px;	  
}
}

@media (min-width: 1200px){
  .button-fox {
  text-align: left;
  padding: 15px 15px 0 65px;	  
}
}

/*---------------DOWN-COLORING--------------*/
#down-second {
  padding: 0 0 15px 0;
}

@media (min-width: 360px) {
  #down-second {
    padding: 10px 0 15px 0;
  }
}

@media (min-width: 576px) {
  #down-second {
    padding: 0 0 15px 0;
  }
}

#d-head {
  font-family: 'Mouse Memoirs';
  font-size: 20px;
  margin-top: 25px;
  margin-left: 10px;
}

@media (min-width: 375px) {
  #d-head {
    font-size: 24px;
    margin-top: 35px;
    margin-left: 15px;
  }
}

@media (min-width: 425px) {
  #d-head {
    font-size: 24px;
    margin-top: 40px;
    margin-left: 5px;
  }
}

@media (min-width: 576px) {
  #d-head {
    font-size: 36px;
    margin-top: 60px;
    margin-left: 10px;
  }
}

@media (min-width: 992px) {
  #d-head {
    font-size: 48px;
    margin-top: 130px;
    margin-left: 30px;
  }
}

@media (min-width: 1200px) {
  #d-head {
    font-size: 48px;
    margin-top: 200px;
    margin-left: 30px;
  }
}

#d-head2 {
  font-family: 'Mouse Memoirs';
  font-size: 18px;
  letter-spacing: .5px;
  margin-left: 10px;
	margin-top: -5px;
}

@media (min-width: 375px) {
  #d-head2 {
    font-size: 18px;
    margin-left: 15px;
  }
}

@media (min-width: 576px) {
  #d-head2 {
    font-size: 24px;
    margin-left: 10px;
  }
}

@media (min-width: 992px) {
  #d-head2 {
    font-size: 36px;
    margin-left: 30px;
  }
}

.button-cox {
  text-align: left;
  padding: 0px 15px 0 10px;
  
}

@media (min-width: 375px){
  .button-cox {
  text-align: left;
  padding: 0px 15px 0 15px;
  margin-left: 0px;	  
}
}

@media (min-width: 425px){
  .button-cox {
  text-align: left;
  padding: 0px 15px 0 5px;
  margin-left: 0px;	  
}
}

@media (min-width: 576px){
  .button-cox {
  text-align: left;
  padding: 0 15px 0 10px;
}
}

@media (min-width: 768px){
  .button-cox {
  text-align: left;
  padding: 0px 15px 0 10px;
}
}

@media (min-width: 922px){
  .button-cox {
  text-align: left;
  padding: 0 15px 0 30px;	  
}
}

@media (min-width: 1200px){
  .button-cox {
  text-align: left;
  padding: 5px 15px 0 30px;	  
}
}


#d-secondLeft {
  background-color: #EA80FC;
  background-image: none;
  height: 120px;
}

@media (min-width: 360px) {
  #d-secondLeft {
    height: 150px;
  }
}

@media (min-width: 425px) {
  #d-secondLeft {
    margin: 0 15px;
    height: 150px;
  }
}

@media (min-width: 576px) {
  #d-secondLeft {
    margin: 0 15px;
    height: 200px;
  }
}

@media (min-width: 768px) {
  #d-secondLeft {
    margin: 0 15px;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #d-secondLeft {
    margin: 0 15px;
    height: 310px;
  }
}

@media (min-width: 1200px) {
  #d-secondLeft {
    margin: 0 15px;
    height: 400px;
  }
}

#d-secondRight {
  background-image: url(../../assets/img/downloads/D-ColorA.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 120px;
}

@media (min-width: 360px) {
  #d-secondRight {
    background-size: contain;
    height: 150px;
  }
}

@media (min-width: 576px) {
  #d-secondRight {
    background-position: center;
    background-size: contain;
    height: 200px;
  }
}

@media (min-width: 768px) {
  #d-secondRight {
    background-position: top;
    background-size: contain;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #d-secondRight {
    height: 310px;
  }
}

@media (min-width: 1200px) {
  #d-secondRight {
    height: 400px;
  }
}

#down-banner {
  padding: 0 0 15px 0;
}

@media (min-width: 576px) {
  #down-banner {
    padding: 0 0 015px 0;
  }
}

#d-bannerLeft {
  background-image: url(../../assets/img/downloads/D-BannerA.jpg);
  background-color: #7a44d8;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  height: 90px;
}

@media (min-width: 425px) {
  #d-bannerLeft {
    height: 130px;
  }
}

@media (min-width: 768px) {
  #d-bannerLeft {
    height: 180px;
  }
}

@media (min-width: 1200px) {
  #d-bannerLeft {
    height: 275px;
  }
}

#d-bannerMid {
  background-image: url(../../assets/img/downloads/btn-apple.png);
  background-color: #7a44d8;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 80%;
  height: 80px;
}

@media (min-width: 425px) {
  #d-bannerMid {
    background-size: 75%;
    height: 120px;
  }
}

@media (min-width: 768px) {
  #d-bannerMid {
    background-size: 70%;
    height: 170px;
  }
}

@media (min-width: 1200px) {
  #d-bannerMid {
    background-size: 70%;
    height: 265px;
  }
}

#d-bannerMid2 {
  background-color: #7a44d8;
  height: 10px;
}

#d-bannerRight {
  background-image: url(../../assets/img/downloads/btn-goggle.png);
  background-color: #7a44d8;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 80%;
  height: 80px;
}

@media (min-width: 425px) {
  #d-bannerRight {
    background-size: 75%;
    height: 120px;
  }
}

@media (min-width: 768px) {
  #d-bannerRight {
    background-size: 70%;
    height: 170px;
  }
}

@media (min-width: 1200px) {
  #d-bannerRight {
    background-size: 70%;
    height: 265px;
  }
}

#down-fourth {
  padding: 0 0 15px 0;
}

@media (min-width: 576px) {
  #down-fourth {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 300px) {
  #d-fourthLeft {
    background-image: url(../../assets/img/downloads/D-WallA.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
  }
}

@media (min-width: 360px) {
  #d-fourthLeft {
    height: 150px;
  }
}

@media (min-width: 576px) {
  #d-fourthLeft {
    margin: 0 7.5px 0 0;
    height: 200px;
  }
}

@media (min-width: 768px) {
  #d-fourthLeft {
    height: 230px;
  }
}

@media (min-width: 992px) {
  #d-fourthLeft {
    height: 300px;
  }
}

@media (min-width: 1200px) {
  #d-fourthLeft {
    height: 350px;
  }
}

@media (min-width: 1440px) {
  #d-fourthLeft {
    height: 360px;
  }
}

#d-fourthRight {
  background-color: #ff2f60;
  height: 150px;
  text-align: left;
}

@media (min-width: 360px) {
  #d-fourthRight {
    height: 150px;
    text-align: left;
  }
}

@media (min-width: 576px) {
  #d-fourthRight {
    height: 200px;
    margin: 0 0 0 7.5px;
    text-align: left;
  }
}

@media (min-width: 768px) {
  #d-fourthRight {
    height: 230px;
    text-align: left;
  }
}

@media (min-width: 992px) {
  #d-fourthRight {
    height: 300px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  #d-fourthRight {
    height: 350px;
  }
}

@media (min-width: 1440px) {
  #d-fourthRight {
    height: 360px;
  }
}

.button-box {
  text-align: left;
  padding: 0px 15px 0 20px;
  margin-left: -10px;
}

@media (min-width: 325px){
  .button-box {
  text-align: left;
  padding: 0px 15px 0 20px;
  margin-left: 0px;	  
}
}

@media (min-width: 922px){
  .button-box {
  text-align: left;
  padding: 15px 15px 0 20px;
}
}



@media (min-width: 300px) {
  #d4head {
    font-family: 'Mouse Memoirs';
    font-size: 20px;
    padding: 40px 0 0 10px;
  }
}

@media (min-width: 360px) {
  #d4head {
    font-family: 'Mouse Memoirs';
    font-size: 24px;
    padding: 50px 0 0 20px;
  }
}

@media (min-width: 425px) {
  #d4head {
    font-family: 'Mouse Memoirs';
    font-size: 28px;
    padding: 50px 0 0 20px;
  }
}

@media (min-width: 576px) {
  #d4head {
    font-family: 'Mouse Memoirs';
    font-size: 32px;
    padding: 65px 0 0 20px;
  }
}

@media (min-width: 768px) {
  #d4head {
    font-size: 36px;
    padding: 85px 0 0 20px;
  }
}

@media (min-width: 992px) {
  #d4head {
    font-size: 48px;
    padding: 110px 0 0 20px;
  }
}

@media (min-width: 1200px) {
  #d4head {
    font-size: 48px;
    padding: 150px 0 0 20px;
  }
}

@media (min-width: 300px) {
  #d4head2 {
    font-family: 'Mouse Memoirs';
    font-size: 16px;
    padding-left: 10px;
    margin-top: -10px;
  }
}

@media (min-width: 360px) {
  #d4head2 {
    font-family: 'Mouse Memoirs';
    font-size: 16px;
    padding-left: 20px;
    margin-top: -10px;
  }
}

@media (min-width: 425px) {
  #d4head2 {
    font-family: 'Mouse Memoirs';
    font-size: 18px;
    padding-left: 20px;
    margin-top: -10px;
  }
}

@media (min-width: 576px) {
  #d4head2 {
    font-family: 'Mouse Memoirs';
    font-size: 24px;
    padding-left: 20px;
  }
}

@media (min-width: 768px) {
  #d4head2 {
    font-family: 'Mouse Memoirs';
    font-size: 28px;
    padding-left: 20px;
  }
}

@media (min-width: 992px) {
  #d4head2 {
    font-family: 'Mouse Memoirs';
    font-size: 36px;
    padding-left: 20px;
  }
}

/*-------------------------------DOWNLOADS END-----------------------*/

/*-------------------------------TOYS HOME--------------------------------*/

#toys-banner {
  padding: 0 0 15px 0;
}

#t-banner {
  background-image: url(../../assets/img/toys/T1-Banner.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 85px;
}

@media (min-width: 425px) {
  #t-banner {
    height: 120px;
  }
}

@media (min-width: 576px) {
  #t-banner {
    height: 150px;
  }
}

@media (min-width: 768px) {
  #t-banner {
    height: 175px;
  }
}

@media (min-width: 992px) {
  #t-banner {
    height: 225px;
  }
}

@media (min-width: 1200px) {
  #t-banner {
    height: 270px;
  }
}

#toys-first {
  padding: 0 0 0 0;
  background-position: center top;
}

@media (min-width: 360px) {
  #toys-first {
    padding: 0 0 15px 0;
  }
}

#toys-second {
  padding: 0 0 0 0;
  background-position: center top;
}

@media (min-width: 360px) {
  #toys-second {
    padding: 0 0 15px 0;
  }
}

#toys-third {
  padding: 0 0 0 0;
}

@media (min-width: 360px) {
  #toys-third {
    padding: 0 0 15px 0;
  }
}

.tnameLeft {
  font-family: 'Ranchers';
  font-size: 32px;
  color: #FFF;
  padding: 100px 0 0 25px;
  text-align: left;
}

@media (min-width: 360px) {
  .tnameLeft {
    font-size: 36px;
    padding: 105px 0 0 25px;
    text-align: left;
  }
}

@media (min-width: 425px) {
  .tnameLeft {
    font-size: 36px;
    padding: 135px 0 0 30px;
    text-align: left;
  }
}

@media (min-width: 576px) {
  .tnameLeft {
    font-size: 44px;
    padding: 120px 0 0 15px;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .tnameLeft {
    font-size: 52px;
    padding: 165px 0 0 15px;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .tnameLeft {
    font-size: 56px;
    padding: 235px 0 0 15px;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .tnameLeft {
    font-size: 56px;
    padding: 300px 0 0 15px;
    text-align: left;
  }
}

@media (min-width: 1440px) {
  .tnameLeft {
    font-size: 64px;
    padding: 325px 0 0 30px;
    text-align: left;
  }
}

.tnameRight {
  font-family: 'Ranchers';
  font-size: 32px;
  color: #FFF;
  padding: 100px 25px 0 0;
  text-align: right;
}

@media (min-width: 360px) {
  .tnameRight {
    font-size: 36px;
    padding: 105px 25px 0 0;
    text-align: right;
  }
}

@media (min-width: 425px) {
  .tnameRight {
    font-size: 36px;
    padding: 135px 30px 0 0;
    text-align: right;
  }
}

@media (min-width: 576px) {
  .tnameRight {
    font-size: 44px;
    padding: 120px 15px 0 0;
    text-align: right;
  }
}

@media (min-width: 768px) {
  .tnameRight {
    font-size: 52px;
    padding: 165px 15px 0 0;
    text-align: right;
  }
}

@media (min-width: 992px) {
  .tnameRight {
    font-size: 56px;
    padding: 235px 15px 0 0;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .tnameRight {
    font-size: 56px;
    padding: 300px 15px 0 0;
    text-align: right;
  }
}

@media (min-width: 1440px) {
  .tnameRight {
    font-size: 64px;
    padding: 325px 30px 0 0;
    text-align: right;
  }
}

#trow1A {
  background-image: url(../../assets/img/toys/T1-CatieB.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 150px;
  margin: 0 0 0 0;
}

@media (min-width: 360px) {
  #trow1A {
    margin: 0 0 15px 0;
  }
}

@media (min-width: 425px) {
  #trow1A {
    background-position: center;
    background-size: contain;
    height: 190px;
  }
}

@media (min-width: 576px) {
  #trow1A {
    background-image: url(../../assets/img/toys/T1-Catie.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 7.5px 0 0;
    height: 175px;
  }
}

@media (min-width: 768px) {
  #trow1A {
    background-size: cover;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #trow1A {
    background-size: cover;
    height: 305px;
  }
}

@media (min-width: 1200px) {
  #trow1A {
    background-size: contain;
    height: 376px;
  }
}

@media (min-width: 1440px) {
  #trow1A {
    background-size: contain;
    height: 450px;
    margin-top: -30px;
  }
}

#trow1B {
  background-image: url(../../assets/img/toys/T1-HallieB.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 150px;
}

@media (min-width: 425px) {
  #trow1B {
    background-size: contain;
    height: 190px;
  }
}

@media (min-width: 576px) {
  #trow1B {
    background-image: url(../../assets/img/toys/T1-Hallie.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    margin: 0 0 0 7.5px;
  }
}

@media (min-width: 768px) {
  #trow1B {
    background-size: cover;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #trow1B {
    background-size: cover;
    height: 305px;
  }
}

@media (min-width: 1200px) {
  #trow1B {
    background-size: contain;
    height: 376px;
  }
}

@media (min-width: 1440px) {
  #trow1B {
    background-size: contain;
    height: 450px;
    margin-top: -30px;
  }
}

#trow2A {
  background-image: url(../../assets/img/toys/T1-HoneyB.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 150px;
  margin: 0 0 0 0;
}

@media (min-width: 360px) {
  #trow2A {
    margin: 0 0 15px 0;
  }
}

@media (min-width: 425px) {
  #trow2A {
    background-size: contain;
    height: 190px;
    margin: 0 0 15px 0;
  }
}

@media (min-width: 576px) {
  #trow2A {
    background-image: url(../../assets/img/toys/T1-Honey.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    margin: 0 7.5px 0 0;
  }
}

@media (min-width: 768px) {
  #trow2A {
    background-size: cover;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #trow2A {
    background-size: cover;
    height: 305px;
  }
}

@media (min-width: 1200px) {
  #trow2A {
    background-size: contain;
    height: 376px;
  }
}

@media (min-width: 1440px) {
  #trow2A {
    background-size: contain;
    height: 450px;
    margin-top: -80px;
  }
}

#trow2B {
  background-image: url(../../assets/img/toys/T1-FrancescaB.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 150px;
}

@media (min-width: 360px) {
  #trow2B {
    height: 150px;
  }
}

@media (min-width: 425px) {
  #trow2B {
    background-size: contain;
    height: 190px;
  }
}

@media (min-width: 576px) {
  #trow2B {
    background-image: url(../../assets/img/toys/T1-Francesca.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    margin: 0 0 0 8px;
  }
}

@media (min-width: 768px) {
  #trow2B {
    background-size: cover;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #trow2B {
    background-size: cover;
    height: 305px;
  }
}

@media (min-width: 1200px) {
  #trow2B {
    background-position: center;
    background-size: contain;
    height: 376px;
  }
}

@media (min-width: 1440px) {
  #trow2B {
    background-size: contain;
    height: 450px;
    margin-top: -80px;
  }
}

#trow3A {
  background-image: url(../../assets/img/toys/T1-JulesB.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 150px;
  margin: 0 0 0 0;
}

@media (min-width: 360px) {
  #trow3A {
    margin: 0 0 15px 0;
  }
}

@media (min-width: 425px) {
  #trow3A {
    background-size: contain;
    height: 190px;
  }
}

@media (min-width: 576px) {
  #trow3A {
    background-image: url(../../assets/img/toys/T1-Jules.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    margin: 0 7.5px 0 0;
  }
}

@media (min-width: 768px) {
  #trow3A {
    background-position: center;
    background-size: cover;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #trow3A {
    background-size: cover;
    height: 305px;
  }
}

@media (min-width: 1200px) {
  #trow3A {
    background-size: contain;
    height: 376px;
  }
}

@media (min-width: 1440px) {
  #trow3A {
    background-size: contain;
    height: 450px;
    margin-top: -80px;
  }
}

#trow3B {
  background-image: url(../../assets/img/toys/T1-HeidiB.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 150px;
  margin: 0 0 15px 0;
}

@media (min-width: 425px) {
  #trow3B {
    background-size: contain;
    height: 190px;
  }
}

@media (min-width: 576px) {
  #trow3B {
    background-image: url(../../assets/img/toys/T1-Heidi.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 175px;
    margin: 0 0 0 7.5px;
  }
}

@media (min-width: 768px) {
  #trow3B {
    background-size: cover;
    height: 230px;
  }
}

@media (min-width: 992px) {
  #trow3B {
    background-size: cover;
    height: 305px;
  }
}

@media (min-width: 1200px) {
  #trow3B {
    background-size: contain;
    height: 376px;
  }
}

@media (min-width: 1440px) {
  #trow3B {
    background-size: contain;
    height: 450px;
    margin-top: -80px;
  }
}

/*--------------------------TOYS DETAILS-------------------------*/
#toys-hero {
  padding: 0 15px 0 15px;	
}

@media (min-width: 768px) {
  #toys-hero {
    padding: 15px 0 30px 0;
  }
}

#toys-head {
  padding-top: 105px;
  height: 155px;
  margin: 0 0 0 10px;
}

@media (min-width: 576px) {
  #toys-head {
    padding-top: 105px;
    height: 175px;
    margin: 0 0 0 20px;
  }
}


#td-hero {
  height: 370px;
  margin: 0;
}

@media (min-width: 576px) {
  #td-hero {
    height: 280px;
    margin: 0 15px;
	padding: 0 0 15px 0;
  }
}

@media (min-width: 768px) {
  #td-hero {
    height: 450px;
	padding: 0 0 0 0;  
  }
}

@media (min-width: 992px) {
  #td-hero {
    height: 550px;
  }
}

@media (min-width: 1200px) {
  #td-hero {
    height: 600px;
  }
}

@media (min-width: 1440px) {
  #td-hero {
    height: 650px;
  }
}

.t2-catie {
  background-image: url("../../assets/img/toys/td-heroCatie.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px){
  .t2-catie {
  background-size: contain;
}
}

.t2-francesca {
  background-image: url("../../assets/img/toys/td-heroFrancesca.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px){
  .t2-francesca {
  background-size: contain;
}
}

.t2-hallie {
  background-image: url("../../assets/img/toys/td-heroHallie.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px){
  .t2-hallie {
  background-size: contain;
}
}

.t2-heidi {
  background-image: url("../../assets/img/toys/td-heroHeidi.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px){
  .t2-heidi {
  background-size: contain;
}
}

.t2-honey {
  background-image: url("../../assets/img/toys/td-heroHoney.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px){
  .t2-honey {
  background-size: contain;
}
}

.t2-jules {
  background-image: url("../../assets/img/toys/td-heroJules.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 992px){
  .t2-jules {
  background-size: contain;
}
}

#td-bio{
	margin: 15px 0 10px 0;
}
@media (min-width: 768px) {
   #td-bio{
	 margin: 0 30px 0 0px;
  }
}

#toys-heading {
  font-family: 'Ranchers';
  font-size: 32px;
  color: #d315e8;
}

@media (min-width: 576px) {
  #toys-heading {
    font-family: 'Ranchers';
    font-size: 48px;
    color: #d315e8;
  }
}
.toy-bio {
  font-family: 'Cabin';
  color: #2f2f2f;
  font-size: 14px;
  margin: 0 30px 32px 0;
}

@media (min-width: 576px) {
  .toy-bio {
    font-family: 'Cabin';
    color: #2f2f2f;
    font-size: 13px;
    margin: 0 30px 24px 0;
  }
}

@media (min-width: 768px) {
  .toy-bio {
    font-family: 'Cabin';
    color: #2f2f2f;
    font-size: 14px;
    margin: 0 30px 10px 0;
  }
}

@media (min-width: 992px) {
  .toy-bio {
    font-family: 'Cabin';
    color: #2f2f2f;
    font-size: 18px;
    margin: 0 30px 24px 0;
  }
}

.toy-box {
  font-family: 'Cabin';
  color: #2f2f2f;
  font-size: 14px;
  margin: 0 0px 24px 0;
}

@media (min-width: 576px) {
  .toy-box {
    font-family: 'Cabin';
    color: #2f2f2f;
    font-size: 12px;
    margin: 0 0 24px 0;
  }
}

@media (min-width: 768px) {
  .toy-box {
    font-family: 'Cabin';
    color: #2f2f2f;
    font-size: 14px;
    margin: 0 10px 10px 0;
  }
}

@media (min-width: 992px) {
  .toy-box {
    font-family: 'Cabin';
    color: #2f2f2f;
    font-size: 18px;
    margin: 0 30px 24px 0;
  }
}

@media (min-width: 425px) {
  #toy-space {
    height: 15px;
  }
}

@media (min-width: 576px) {
  #toy-space {
    height: 5px;
  }
}


#toys-sub {
  font-family: 'Mouse Memoirs';
  font-size: 32px;
  color: #e9057c;
}

@media (min-width: 576px) {
  #toys-sub {
    font-family: 'Mouse Memoirs';
    font-size: 26px;
    color: #e9057c;
  }
}

@media (min-width: 768px) {
  #toys-sub {
    font-family: 'Mouse Memoirs';
    font-size: 32px;
    color: #e9057c;
  }
}

.rowFlex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.columnFlex {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

.toyAmazon {
  background-image: url(../../assets/img/toys/btn-amazon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 35px;
}

.toyTarget {
  background-image: url(../../assets/img/toys/btn-target.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 35px;
}

.toyTRUCA {
  background-image: url("../../assets/img/toys/btn-truca.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
}

.toyWalmart {
  background-image: url(../../assets/img/toys/btn-walmart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 35px;
}


/*---------------------TOY ACC BANNER---------------------------*/
#toyAccBanner {
  padding: 0 0 0 0;
}

@media (min-width: 375px) {
  #toyAccBanner {
    padding: 0 0 15px 0;
  }
}

@media (min-width: 576px) {
  #toyAccBanner {
    padding: 0 0 0 0;

  }
}

@media (min-width: 768px) {
  #toyAccBanner {
    padding: 15px 15px 0px 15px;

  }
}

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

.toyBannerCatie {
  background-image: url("../../assets/img/toys/td-bannerCatieB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyBannerCatie{
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyBannerCatie {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyBannerCatie{
	background-image: url("../../assets/img/toys/td-bannerCatieA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyBannerCatie {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyBannerCatie {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyBannerCatie {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyBannerCatie {
    height: 260px;
  }
}

.toyBannerFrancesca {
  background-image: url("../../assets/img/toys/td-bannerFrancescaB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyBannerFrancesca{
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyBannerFrancesca {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyBannerFrancesca{
	background-image: url("../../assets/img/toys/td-bannerFrancescaA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyBannerFrancesca {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyBannerFrancesca {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyBannerFrancesca {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyBannerFrancesca {
    height: 260px;
  }
}

.toyBannerHallie {
  background-image: url("../../assets/img/toys/td-bannerHallieB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyBannerHallie {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyBannerHallie {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyBannerHallie {
	background-image: url("../../assets/img/toys/td-bannerHallieA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyBannerHallie {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyBannerHallie {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyBannerHallie {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyBannerHallie {
    height: 260px;
  }
}

.toyBannerHeidi {
  background-image: url("../../assets/img/toys/td-bannerHeidiB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyBannerHeidi {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyBannerHeidi {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyBannerHeidi {
	background-image: url("../../assets/img/toys/td-bannerHeidiA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyBannerHeidi {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyBannerHeidi {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyBannerHeidi {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyBannerHeidi {
    height: 260px;
  }
}

.toyBannerHoney {
  background-image: url("../../assets/img/toys/td-bannerHoneyB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyBannerHoney {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyBannerHoney {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyBannerHoney{
	background-image: url("../../assets/img/toys/td-bannerHoneyA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyBannerHoney {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyBannerHoney {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyBannerHoney {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyBannerHoney {
    height: 260px;
  }
}

.toyBannerJules {
  background-image: url("../../assets/img/toys/td-bannerJulesB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyBannerJules{
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyBannerJules {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyBannerJules {
	background-image: url("../../assets/img/toys/td-bannerJulesA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyBannerJules {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyBannerJules {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyBannerJules {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyBannerJules {
    height: 260px;
  }
}

/*--------------TOY EXTRA BANNER--------------------*/
#toyExtraBanner {
  padding: 0 0 0 0;
}

@media (min-width: 375px) {
  #toyExtraBanner {
    padding: 0 0 15px 0;
  }
}

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

@media (min-width: 768px) {
  #toyExtraBanner {
    padding: 15px 15px 20px 15px;
  }
}
@media (min-width: 992px) {
  #toyExtraBanner {
    padding: 15px 15px 45px 15px;
  }
}

.toyExtraCatie {
  background-image: url("../../assets/img/toys/td-extraCatieB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyExtraCatie{
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyExtraCatie {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyExtraCatie{
	background-image: url("../../assets/img/toys/td-extraCatieA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyExtraCatie {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyExtraCatie {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyExtraCatie {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyExtraCatie {
    height: 260px;
  }
}

.toyExtraFrancesca {
  background-image: url("../../assets/img/toys/td-extraFrancescaB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyExtraFrancesca {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyExtraFrancesca {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyExtraFrancesca {
	background-image: url("../../assets/img/toys/td-extraFrancescaA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyExtraFrancesca {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyExtraFrancesca {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyExtraFrancesca {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyExtraFrancesca {
    height: 260px;
  }
}

.toyExtraHallie {
  background-image: url("../../assets/img/toys/td-extraHallieB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyExtraHallie {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyExtraHallie {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyExtraHallie {
	background-image: url("../../assets/img/toys/td-extraHallieA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyExtraHallie {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyExtraHallie {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyExtraHallie {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyExtraHallie {
    height: 260px;
  }
}

.toyExtraHeidi {
  background-image: url("../../assets/img/toys/td-extraHeidiB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyExtraHeidi {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyExtraHeidi {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyExtraHeidi {
	background-image: url("../../assets/img/toys/td-extraHeidiA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyExtraHeidi {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyExtraHeidi {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyExtraHeidi {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyExtraHeidi {
    height: 260px;
  }
}

.toyExtraHoney {
  background-image: url("../../assets/img/toys/td-extraHoneyB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyExtraHoney {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyExtraHoney {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyExtraHoney {
	background-image: url("../../assets/img/toys/td-extraHoneyA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyExtraHoney {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyExtraHoney {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyExtraHoney {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyExtraHoney {
    height: 260px;
  }
}

.toyExtraJules {
  background-image: url("../../assets/img/toys/td-extraJulesB.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;	
}

@media (min-width: 375px) {
  .toyExtraJules {
    height: 260px;
  }
}

@media (min-width: 425px) {
  .toyExtraJules {
    height: 290px;
  }
}
@media (min-width: 576px) {
  .toyExtraJules {
	background-image: url("../../assets/img/toys/td-extraJulesA.jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;  
    height: 130px;
  }
}
@media (min-width: 768px) {
  .toyExtraJules {
    height: 170px;
  }
}

@media (min-width: 992px) {
  .toyExtraJules {
    height: 220px;
  }
}

@media (min-width: 1024px) {
  .toyExtraJules {
    height: 240px;
  }
}

@media (min-width: 1200px) {
  .toyExtraJules {
    height: 260px;
  }
}

/*------------------------------------VIDEO--------------------------*/
#video-feature {
  padding: 10px 0 20px 0;
}

#v-feature1 {
  background-image: url(../../assets/img/video/v-featured1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 165px;
}

@media (min-width: 375px) {
  #v-feature1 {
    height: 180px;
  }
}

@media (min-width: 425px) {
  #v-feature1 {
    height: 200px;
  }
}

@media (min-width: 576px) {
  #v-feature1 {
    height: 250px;
  }
}

@media (min-width: 768px) {
  #v-feature1 {
    height: 340px;
  }
}

@media (min-width: 992px) {
  #v-feature1 {
    height: 440px;
  }
}

@media (min-width: 1200px) {
  #v-feature1 {
    height: 525px;
  }
}

.v-play {
  font-size: 85px;
  text-align: center;
  padding: 30px 0 0 0;
  margin: 0;
}

@media (min-width: 425px) {
  .v-play {
    font-size: 90px;
    text-align: center;
    padding: 50px 0 0 0;
    margin: 0;
  }
}

@media (min-width: 576px) {
  .v-play {
    font-size: 120px;
    text-align: center;
    padding: 60px 0 0 0;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .v-play {
    font-size: 160px;
    text-align: center;
    padding: 90px 0 0 0;
  }
}

@media (min-width: 992px) {
  .v-play {
    font-size: 200px;
    padding: 120px 0 0 0;
  }
}

@media (min-width: 1200px) {
  .v-play {
    font-size: 200px;
    padding: 180px 0 0 0;
  }
}


.v-title1 {
  font-family: 'Cabin';
  font-size: 18px;
  padding: 0 0 0 10px;
  margin: 0;
}

@media (min-width: 375px) {
  .v-title1 {
    font-family: 'Cabin';
    font-size: 18px;
    padding: 15px 0 0 10px;
    margin: 0;
  }
}

@media (min-width: 425px) {
  .v-title1 {
    font-size: 18px;
    padding: 15px 0 0 10px;
    margin: 0;
  }
}

@media (min-width: 576px) {
  .v-title1 {
    font-family: 'Cabin';
    font-size: 28px;
    padding: 5px 0 0 20px;
  }
}

@media (min-width: 768px) {
  .v-title1 {
    font-family: 'Cabin';
    font-size: 32px;
    padding: 0 0 0 20px;
  }
}

@media (min-width: 992px) {
  .v-title1 {
    font-family: 'Cabin';
    font-size: 36px;
    padding: 25px 0 0 20px;
  }
}

@media (min-width: 1200px) {
  .v-title1 {
    font-family: 'Cabin';
    font-size: 48px;
    padding: 35px 0 0 20px;
  }
}

#video-rtwo {
  padding: 15px 15px 15px 15px;
}

#v-feature2 {
  background-image: url(../../assets/img/video/v-featured2CS.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100px;
  margin: 0 7px 15px 0;
}

@media (min-width: 576px) {
  #v-feature2 {
    height: 200px;
    margin: 0 7px 15px 0;
  }
}

@media (min-width: 768px) {
  #v-feature2 {
    height: 270px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 992px) {
  #v-feature2 {
    height: 375px;
  }
}

@media (min-width: 1200px) {
  #v-feature2 {
    height: 425px;
  }
}

#vf2 {
  background-position: inherit;
  padding-top: 85px;
}

@media (min-width: 576px) {
  #vf2 {
    background-position: inherit;
    padding-top: 165px;
  }
}

@media (min-width: 768px) {
  #vf2 {
    background-position: inherit;
    padding-top: 225px;
  }
}

@media (min-width: 992px) {
  #vf2 {
    background-position: inherit;
    padding-top: 315px;
  }
}

@media (min-width: 1200px) {
  #vf2 {
    background-position: inherit;
    padding-top: 365px;
  }
}

#vf2-stripe {
  background-color: #F73993;
  height: 20px;
}

@media (min-width: 576px) {
  #vf2-stripe {
    height: 40px;
  }
}

@media (min-width: 768px) {
  #vf2-stripe {
    height: 45px;
  }
}

@media (min-width: 992px) {
  #vf2-stripe {
    height: 60px;
  }
}

#v-selection1 {
  background-image: url(../../assets/img/video/v-catieCS.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100px;
  margin: 0 0 15px 7px;
}

@media (min-width: 576px) {
  #v-selection1 {
    height: 200px;
    margin: 0 0 15px 7px;
  }
}

@media (min-width: 768px) {
  #v-selection1 {
    height: 270px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 992px) {
  #v-selection1 {
    height: 375px;
  }
}

@media (min-width: 1200px) {
  #v-selection1 {
    height: 425px;
    margin: 0 7px;
  }
}

#v-selection2 {
  background-image: url(../../assets/img/video/v-fancescaCS.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100px;
  margin: 0 7px 15px 0px;
}

@media (min-width: 576px) {
  #v-selection2 {
    height: 200px;
    margin: 0 7px 15px 0px;
  }
}

@media (min-width: 768px) {
  #v-selection2 {
    height: 270px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 992px) {
  #v-selection2 {
    height: 375px;
  }
}

@media (min-width: 1200px) {
  #v-selection2 {
    height: 425px;
  }
}

#v-selection3 {
  background-image: url(../../assets/img/video/v-hallieCS.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100px;
  margin: 0 0 15px 7px;
}

@media (min-width: 576px) {
  #v-selection3 {
    height: 200px;
    margin: 0 0 15px 7px;
  }
}

@media (min-width: 768px) {
  #v-selection3 {
    height: 270px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 992px) {
  #v-selection3 {
    height: 375px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 1200px) {
  #v-selection3 {
    height: 425px;
    margin: 0 7px 15px 7px;
  }
}

#v-selection4 {
  background-image: url(../../assets/img/video/v-heidiCS.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100px;
  margin: 0 7px 15px 0;
}

@media (min-width: 576px) {
  #v-selection4 {
    height: 200px;
    margin: 0 7px 15px 0;
  }
}

@media (min-width: 768px) {
  #v-selection4 {
    height: 270px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 992px) {
  #v-selection4 {
    height: 375px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 1200px) {
  #v-selection4 {
    height: 425px;
    margin: 0 7px 15px 7px;
  }
}

#v-selection5 {
  background-image: url(../../assets/img/video/v-honeyCS.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100px;
  margin: 0 0 15px 7px;
}

@media (min-width: 576px) {
  #v-selection5 {
    height: 200px;
    margin: 0 0 15px 7px;
  }
}

@media (min-width: 768px) {
  #v-selection5 {
    height: 270px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 992px) {
  #v-selection5 {
    height: 375px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 1200px) {
  #v-selection5 {
    height: 425px;
    margin: 0 7px 15px 7px;
  }
}

#v-selection6 {
  background-image: url(../../assets/img/video/v-julesCS.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100px;
  margin: 0 7px 15px 0;
}

@media (min-width: 576px) {
  #v-selection6 {
    height: 200px;
    margin: 0 7px 15px 0;
  }
}

@media (min-width: 768px) {
  #v-selection6 {
    height: 270px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 992px) {
  #v-selection6 {
    height: 375px;
    margin: 0 7px 15px 7px;
  }
}

@media (min-width: 1200px) {
  #v-selection6 {
    height: 425px;
    margin: 0 7px 15px 7px;
  }
}

#v-subtitle {
  font-family: 'Mouse Memoirs';
  font-size: 15px;
  padding: 2px 0 0 10px;
  margin: 0;
}

@media (min-width: 576px) {
  #v-subtitle {
    font-family: 'Mouse Memoirs';
    font-size: 22px;
    padding: 7px 0 0 10px;
    margin: 0;
  }
}

@media (min-width: 768px) {
  #v-subtitle {
    font-family: 'Mouse Memoirs';
    font-size: 24px;
    padding: 10px 0 0 5px;
    margin: 0;
  }
}

@media (min-width: 992px) {
  #v-subtitle {
    font-size: 32px;
    padding: 12px 0 0 10px;
    margin: 0;
  }
}

@media (min-width: 1200px) {
  #v-subtitle {
    padding: 12px 0 0 15px;
    margin: 0;
  }
}

#v-play2 {
  font-size: 12px;
}

@media (min-width: 576px) {
  #v-play2 {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  #v-play2 {
    font-size: 28px;
  }
}

.h2, h2 {
  font-family: 'Mouse Memoirs';
  color: #782099;
  margin-bottom: 10px;
}

#article-section {
  padding: 15px 15px 30px 15px;
}

.para-text {
  font-family: 'Cabin';
  color: #676767;
  margin-bottom: 25px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #782099;
  background-color: transparent;
}


/*------------------------------OVERLAY STUFF---------------------*/
.hoverMe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: rgba(0, 0, 0, 0.5);
}

.sub-nav:hover .hoverMe {
  opacity: 1;
}

.sub-nav:active .hoverMe {
  opacity: 1;
}

.nameMe {
  color: white;
  font-family: 'Mouse Memoirs';
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

@media (min-width: 425px){
	.nameMe{
		font-size: 24px
	}
}


@media (min-width: 768px){
	.nameMe{
		font-size: 36px
	}
}

.overlayMe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

/*------------------------------CUSTOM BUTTON------------------------------*/

/*----------PINK--------------*/
.btn-pink, .btn-pink:active, .btn-pink:visited{
    background-color: #F73993;
	border: 0px;
	font-family: 'Mouse Memoirs', sans-serif;
  	font-size: .75em;
  	color: #FFF;
}

@media (min-width: 375px){
	.btn-pink, .btn-pink:active, .btn-pink:visited{
  	font-size: .9em;
  	color: #FFF;
}
}

@media (min-width: 768px){
	.btn-pink, .btn-pink:active, .btn-pink:visited{
  	font-size: 1.5em;
  	color: #FFF;
}
}

.btn-pink:hover, .btn-pink:focus {
    background-color: #C51162;
	border: 0px;
	color: #FFF;
}

/*-------------BLUE-------------*/
.btn-blue, .btn-blue:active, .btn-blue:visited{
    background-color: #40CAFF;
	border: 0px;
	font-family: 'Mouse Memoirs', sans-serif;
	letter-spacing: .65px;
  	font-size: .75em;
  	color: #FFF;
}

@media (min-width: 375px){
	.btn-blue, .btn-blue:active, .btn-blue:visited{
  	font-size: .9em;
}
}

@media (min-width: 768px){
	.btn-blue, .btn-blue:active, .btn-blue:visited{
  	font-size: 1.5em;
}
}

.btn-blue:hover, .btn-blue:focus {
    background-color: #0288D1;
	border: 0px;
	color: #FFF;
}

/*-------------VIOLET-------------*/
.btn-violet, .btn-violet:active, .btn-violet:visited{
    background-color: #EA80FC;
	border: 0px;
	font-family: 'Mouse Memoirs', sans-serif;
	letter-spacing: .65px;
  	font-size: .75em;
  	color: #FFF;
}

@media (min-width: 375px){
	.btn-violet, .btn-violet:active, .btn-violet:visited{
  	font-size: .9em;
}
}

@media (min-width: 768px){
	.btn-violet, .btn-violet:active, .btn-violet:visited{
  	font-size: 1.5em;
}
}

.btn-violet:hover, .btn-violet:focus {
    background-color: #9C27B0;
	border: 0px;
	color: #FFF;
}

/*-------------ROSE-------------*/
.btn-rose, .btn-rose:active, .btn-rose:visited{
    background-color: #FF4081;
	border: 0px;
	font-family: 'Mouse Memoirs', sans-serif;
	letter-spacing: .65px;
  	font-size: .75em;
  	color: #FFF;
}

@media (min-width: 375px){
	.btn-rose, .btn-rose:active, .btn-rose:visited{
  	font-size: .9em;
}
}

@media (min-width: 768px){
	.btn-rose, .btn-rose:active, .btn-rose:visited{
  	font-size: 1.5em;
}
}

.btn-rose:hover, .btn-rose:focus {
    background-color: #C2185B;
	border: 0px;
	color: #FFF;
}

/*-------------yellow-------------*/
.btn-yellow, .btn-yellow:active, .btn-yellow:visited{
    background-color: #FFA726;
	border: 0px;
	font-family: 'Mouse Memoirs', sans-serif;
	letter-spacing: .65px;
  	font-size: .75em;
  	color: #FFF;
}

@media (min-width: 375px){
	.btn-yellow, .btn-yellow:active, .btn-yellow:visited{
  	font-size: .9em;
}
}

@media (min-width: 768px){
	.btn-yellow, .btn-yellow:active, .btn-yellow:visited{
  	font-size: 1.5em;
}
}

.btn-yellow:hover, .btn-yellow:focus {
    background-color: #FF6621;
	border: 0px;
	color: #FFF;
}

/*-------------purple-------------*/
.btn-purple, .btn-purple:active, .btn-purple:visited{
    background-color: #995FFF;
	border: 0px;
	font-family: 'Mouse Memoirs', sans-serif;
	letter-spacing: .65px;
  	font-size: .75em;
  	color: #FFF;
}

@media (min-width: 375px){
	.btn-purple, .btn-purple:active, .btn-purple:visited{
  	font-size: .9em;
}
}

@media (min-width: 768px){
	.btn-purple, .btn-purple:active, .btn-purple:visited{
  	font-size: 1.5em;
}
}

.btn-purple:hover, .btn-purple:focus {
    background-color: #4A148C;
	border: 0px;
	color: #FFF;
}

/*---------------------------ABOUT----------------------------------------*/
#about-banner {
  padding: 0 0 15px 0;
}

#a-banner {
  background-image: url("../../assets/img/extras/a-banner.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 85px;
}

@media (min-width: 425px) {
  #a-banner {
    height: 120px;
  }
}

@media (min-width: 576px) {
  #a-banner {
    height: 150px;
  }
}

@media (min-width: 768px) {
  #a-banner {
    height: 175px;
  }
}

@media (min-width: 992px) {
  #a-banner {
    height: 225px;
  }
}

@media (min-width: 1200px) {
  #a-banner {
    height: 270px;
  }
}