body {
  background-color: #36b8f9;
  background-image: url("../../assets/img/PAS_pattern2.svg");
}
.h1, h1 {
  font-family: 'Bangers';
  color: #ffffff;
  text-align: center;
  font-size: 36px;
  padding: 5px 0 0 0;
  letter-spacing: 1px;
  line-height: 32px;
}

@media (min-width: 768px) {
.h1,  h1 {
    font-size: 44px;
    padding: 5px 0 0 0;
  	letter-spacing: 1px;
	line-height: 44px;
  }
}
@media (min-width: 992px) {
.h1,  h1 {
    font-size: 48px;
    padding: 5px 0 0 0;
  	letter-spacing: 1px;
	line-height: 48px;
  }
}

.h2, h2 {
  font-family: 'Bangers';
  color: #ffffff;
  text-align: center;
  font-size: 36px;
  padding: 5px 0 0 0;
}

a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
}

.h3, h3 {
  font-family: 'Montserrat';
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .75px;
  text-align: center;
  font-size: 14px;
  padding: 10px 0 15px 0;
  margin-bottom: -15px;
}

@media (min-width: 576px) {
.h3,  h3 {
    font-size: 22px;
    padding: 10px 0 15px 0;
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
 .h3, h3 {
    font-size: 30px;
    padding: 10px 0 15px 0;
  }
}

h4 {
  font-family: 'Bangers';
  color: #ffffff;
  text-align: left;
  font-size: 30px;
  padding: 5px 0 0 0;
}

@media (min-width: 768px){
	h4 {
  font-size: 36px;
  padding: 5px 0 0 0;
}
}

h5 {
  font-family: 'Bangers';
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  padding: 5px 0 0 0;
}

@media (min-width: 768px){
	h5 {
  font-size: 36px;
  margin: 5px 0 0 0;
}
}

h6 {
  font-family: 'Bangers';
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  padding: 5px 5px 0 5px;
}

@media (min-width: 768px){
	h6 {
  font-size: 24px;
  padding: 5px 10px 0 10px;
}
}

.gTitle {
  font-family: 'Bangers' !important;
  color: #ffffff;
  text-align: left;
  font-size: 24px !important;
  letter-spacing: 1.5px !important;		
  margin: 20px 0 -5px 40px;
}

@media (min-width: 768px){
  .gTitle {
  font-size: 36px !important;
  margin: 20px 0 -20px 20px;	  
}
}

p {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #FFFFFF;
}

@media (min-width: 768px) {
  p {
    font-size: 18px;
    line-height: 1.3;
  }
}


@media (min-width: 992px) {
  p {
    font-size: 20px;
    line-height: 1.2;
  }
}

#mainScene {
  align-content: center;
  padding-top: 65px;	
}

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


#mainStory {
  position: relative;
  display: flex;
  flex-direction: column;
}

#mainPosition {
  margin-top: auto;
}

.pas_story {
  padding-top: 25px;
  text-align: center;
  vertical-align: bottom;
}

#mainBanner {
  background-color: #ff1fa3;
  align-content: center;
  margin-top: -6px;
}

.bannerHolder {
  align-content: center;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
  height: 90px;
}

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

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

.bannerMain {
  background-image: url("../../assets/img/banners/banner_mb.jpg");
}

@media (min-width: 768px) {
  .bannerMain {
    background-image: url("../../assets/img/banners/banner_full.jpg");
  }
}

#mainToys {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 25px 0 50px 0;
}

#mainPosition2 {
  margin-top: auto;
}

.toyHolder {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 150px;
  margin-top: 10px;	
  margin-bottom: 15px;	
}

@media (min-width: 768px) {
  .toyHolder {
    height: 120px;
	  
  }
}

@media (min-width: 992px) {
  .toyHolder {
    height: 180px;
  }
}

.miniMain {
  background-image: url("../../assets/img/heroes/main_mini.png");
}

.mightyMain {
  background-image: url("../../assets/img/heroes/main_mighty.png");
}

.mammothMain {
  background-image: url("../../assets/img/heroes/main_mammoth.png");
}

#toysMini {
  align-content: center;
  padding: 100px 0 25px 0;
}

#toysMighty {
  align-content: center;
  padding: 25px 0 25px 0;
}

#toysMammoth {
  align-content: center;
  padding: 25px 0 50px 0;
}

.toysHolder {
  align-content: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 250px;
}

.toysMini {
  background-image: url("../../assets/img/toys/mini_cloud.png");
}

.toysMighty {
  background-image: url("../../assets/img/toys/mighty_space.png");
}

.toysMammoth {
  background-image: url("../../assets/img/toys/mammoth_burst.png");
}

.toysGroup {
  background-image: url("../../assets/img/galleries/eleturuni.png");
}

.toyStory {
  align-content: center;
  margin: 10px 0 0 25px;
}

.toysParagraph{
	font-size: 19px;
	line-height: 1.2;
	letter-spacing: .5px;
}

@media (min-width: 768px){
	.toysParagraph{
	font-size: 18px;
	line-height: 1.2;	
}
}
@media (min-width: 992px){
	.toysParagraph{
	font-size: 18px;
	line-height: 1.2;
}
}

#sectionHeader{
	align-content: center;
	padding: 75px 0 25px 0;	
}

.sectionTitle{
	font-family: 'Bangers';
    color: #EEEEEE;
  	text-align: center;
  	font-size: 36px;
 	letter-spacing: 1px;
	padding: 35px 0 0 0;
	line-height: 40px;
}

@media (min-width: 768px){
	.sectionTitle{
  	font-size: 52px;
	padding: 65px 0 0 0;
	margin: 0 5px 0 0;	
}
}

.cloud{
	align-content: center;
	background-image: url("../img/cloud.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 110px;
}

@media (min-width: 768px){
	.cloud{
	height: 180px;
}
}

.sectionTag{
	align-content: center;
	padding: 10px 0 25px 0;
}

.miniDot {
  height: 18px;
  width: 18px;
  background-color: #FF45BB;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;	
}

.mightyDot {
  height: 18px;
  width: 18px;
  background-color: #BF00FF;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;	
}
.mammothDot {
  height: 18px;
  width: 18px;
  background-color: #FF9421;
  border-radius: 50%;
  display: inline-block;
  margin-top: 5px;
  margin-right: 5px;	
}

/*--------------- BOOTSTRAP buttons over ride ---------------*/
.btn-primary {
	background-color: #FF45BB !important;
	font-family: 'Montserrat' !important;
  	font-weight: 700 !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:visited {
	background-color: #DC1684 !important;
	font-family: 'Montserrat' !important;
  	font-weight: 700 !important;
}

.btn-secondary {
    background-color: #B400FF !important;
	font-family: 'Montserrat' !important;
  	font-weight: 700 !important;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:visited {
    background-color: #8202cc !important;
}

.btn-success {
    background-color: #FF9421 !important;
	font-family: 'Montserrat' !important;
  	font-weight: 600 !important;
}

.btn-success:hover, .btn-success:active, .btn-success:visited {
    background-color: #E27500 !important;
}

.btn-warning {
    background-color: #EC008C !important;
	font-family: 'Montserrat' !important;
  	font-weight: 700 !important;
	padding: 15px 10px 0 10px;
}

.btn-warning:hover, .btn-warning:active, .btn-warning:visited {
    background-color: #D5027F !important;
}
/*----CHOOSE----*/
#chooseSection{
	align-content: center;
}

.chooseThumb {
  height: 120px;
}
@media (min-width: 375px){
	.chooseThumb {

}}
@media (min-width: 414px){
	.chooseThumb {

}}
@media (min-width: 425px){
	.chooseThumb {

}}

@media (min-width: 576px){
	.chooseThumb {
height: 150px;
}}

@media (min-width: 768px){
	.chooseThumb {
  height: 100px;
	
}
}

@media (min-width: 992px){
	.chooseThumb {
  height: 250px;

}
}

.chooseEle {
  background-image: url("../../assets/img/galleries/select_ele2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.chooseSC {
  background-image: url("../../assets/img/galleries/select_ele3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.chooseDuck {
  background-image: url("../../assets/img/galleries/select_duck.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.chooseTurtle {
  background-image: url("../../assets/img/galleries/select_turtle.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.chooseUni {
  background-image: url("../../assets/img/galleries/select_uni.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.chooseTag {
  font-family: 'Montserrat';
  font-weight: 700;	
  color: #ffffff;
  letter-spacing: .75px;
  text-align: center;
  font-size: 20px;
  padding: 10px 0 10px 0;

}

@media (min-width: 768px){
.chooseTag {
  font-size: 24px;
  padding: 0px 0 20px 0;
  margin-top: -10px;
}
}
@media (min-width: 992px){
.chooseTag {
  font-size: 28px;
  padding: 10px 0 20px 0;
  margin-top: 20px;
}
}

/*--DOWNLOAD PAGE--*/
#downSection{
	align-content: center;
}

.downThumb {
  height: 200px;
  margin: 25px 15px 15px 15px;	
}

.downCollector {
  background-image: url("../../assets/img/downloads/thumbs/thumb_collector.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.downCSE2 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_collector_e2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.downCSD1 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_collector_d1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.downCST1 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_collector_t1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.downCSU1 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_collector_u1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.downColor1 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_color1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.downColor2 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_color2.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.downColor3 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_color3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.downColor4 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_color4.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.downColor5 {
  background-image: url("../../assets/img/downloads/thumbs/thumb_color5.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.downColorDuck {
  background-image: url("../../assets/img/downloads/thumbs/thumb_colorDuck.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.downColorUni {
  background-image: url("../../assets/img/downloads/thumbs/thumb_colorUni.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.downColorTurtle {
  background-image: url("../../assets/img/downloads/thumbs/thumb_colorTurtle.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.downTag {
  font-family: 'Montserrat';
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .75px;
  text-align: center;
  font-size: 18px;
  padding: 10px 0 50px 0;
  margin-top: 20px;
}



/*--LEGAL PAGES--*/
#extrasCopy {
  text-align: center;
}

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

.termBox {
  text-align: left;
	
  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 8px;
  border: none;
  width: 320px;
  height: 2080px;
  display: inline-block;
}

@media (min-width: 576px){
.termBox {
  font-size: 16px;
  width: 450px;
  height: 1850px;
}
}

@media (min-width: 768px){
.termBox {
  font-size: 18px;
  width: 700px;
  height: 1600px;
}
}

@media (min-width: 992px){
.termBox {
  font-size: 18px;
  width: 800px;
  height: 1500px;
}
}

.privacyBox {
  text-align: left;	
	
  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 8px;
  border: none;
  width: 320px;
  height: 2380px;
  display: inline-block;
}

@media (min-width: 576px){
.privacyBox {
  font-size: 16px;
  width: 450px;
  height: 1980px;
}
}

@media (min-width: 768px){
.privacyBox {
  font-size: 18px;
  width: 700px;
  height: 1700px;
}
}

@media (min-width: 992px){
.privacyBox {
  font-size: 18px;
  width: 800px;
  height: 1500px;
}
}

.faqBox {
  text-align: left;

  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 8px;
  border: none;
  width: 320px;
  height: 1150px;
  display: inline-block;
}

@media (min-width: 576px){
.faqBox {
  font-size: 16px;
  width: 450px;
  height: 965px;
}
}

@media (min-width: 768px){
.faqBox {
  font-size: 18px;
  width: 700px;
  height: 925px;
}
}

@media (min-width: 992px){
.faqBox {
  font-size: 18px;
  width: 800px;
  height: 1025px;
}
}

.missingBox {
  font-size: 14px;
  text-align: center;
  align-content: center;
  padding: 20px 30px 30px 30px;
  margin: 30px 2px 30px 2px;
  border-radius: 8px;
  border: none;
  width: 320px;
  height: 600px;
  display: inline-block;
}

@media (min-width: 576px){
.missingBox {
  font-size: 16px;
  width: 450px;
  height: 600px;
}
}

@media (min-width: 768px){
.missingBox {
  font-size: 18px;
  width: 700px;
  height: 700px;
}
}

@media (min-width: 992px){
.missingBox {
  font-size: 18px;
  width: 800px;
  height: 750px;
}
}

.missingEle {
  background-image: url(../../assets/img/404ele.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 200px;
  z-index: 100;	
}

@media (min-width: 768px){
.missingEle {
  height: 300px;
  z-index: 100;	
}
}
/*--BUY--*/
#buyCopy {
  text-align: center;
}

.buyLink {
  font-family: 'Montserrat';
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .75px;
  text-align: center;
  font-size: 14px;
  padding: 10px 0 0px 0;
  margin-bottom: -15px;
}

@media (min-width: 576px) {
.buyLink {
    font-size: 22px;
    padding: 10px 0 15px 0;
    margin-bottom: 0px;
  }
}

ul.bullet {
  list-style-type: circle;
}

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

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

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

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

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

.retTA {
  background-image: url(../../assets/img/logos/target.svg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}

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

.buySpace{
	padding: 50px 0 0 0;
}

.buyEle {
  background-image: url(../../assets/img/buyele.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 200px;
}

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

#buyLoc {
  align-content: center;
  text-align: center;
  padding: 5px 0 0 0;    
}

.buyMode {
  font-family: 'Lato';
  font-weight: 700;    
  font-size: 16px;
  color: #FFF;
  text-align: center;
  line-height: 1.3;
  word-spacing: 1px;
  margin: 0 20px;
  padding: 10px 0 0px 0;    
}

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

@media (min-width: 768px) {
  .buyMode {
    font-size: 24px;
    padding: 20px 0px 20px 0px;  
    margin: 0 50px;  
  }
}

@media (min-width: 992px) {
  .buyMode {
    font-size: 28px;
     padding: 30px 0px 20px 0px;
    line-height: 1.1;  
  }
}

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