body {
  background-color: #FFF;
}
html {
  scroll-behavior: smooth; 
}
section {
  scroll-margin-top: 100px;	
}

/*---TYPE---H3 thru H5 in GALLERY.CSS-----*/
.h1, h1 {
  font-family: 'LT Funk', sans-serif; 
  font-size: 36px;
  color: #29c7ff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-left: 10px;
  margin-top: 1px;
  margin-bottom: 15px;	
}

p {
  font-family: 'VARUNA', sans-serif;                                  
  font-size: 24px;
  line-height: 1.2;	
  color: #E700D0;
  text-align: center;
}

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

@media (min-width: 1024px) {
  .h1, h1 {font-size: 50px; }
	
   p {font-size: 28px;}	
}

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

/*------- hero --------*/
.billboard{
 background-image: url("../img/main/swirl_bg.jpg");
 background-repeat: no-repeat;	
 background-position: top;
 background-size: cover;
 height: 420px;	
}

.gumball{
 /*background-image: url("../img/main/gumball_ani.png");*/	
 background-image: url("../img/main/gumballMack_ani_2.gif");
 background-repeat: no-repeat;	
 background-position: top;
 background-size: contain;
 height: 550px;	
}

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

.heroPad{
	margin-bottom: 100px;
}
/*------sections-----*/
#magicSection{
	margin-top: 100px;
}
#wishiesSection{
	margin-top: -220px;
}
#wishiesSection2{
	margin-top: -180px;
}
#story2Section{
	margin-top: -150px;
}
#buySection{
	margin-top: -240px;
	margin-bottom: 50px;
}
#bentoSection{
	margin-top: -30px;
	margin-bottom: 25px;
}

@media (min-width: 640px){
	#wishiesSection2{margin-top: -220px;}
	#wishiesSection{margin-top: -200px;}
	#story2Section{margin-top: -150px;}
	#buySection{margin-top: -80px;}
	#bentoSection{margin-top: -70px; margin-bottom: 25px;}
}

@media (min-width: 768px){
	#wishiesSection2{margin-top: -220px;}
	#wishiesSection{margin-top: -200px;}
	#story2Section{margin-top: -190px;}
	#buySection{margin-top: -170px;}
	#bentoSection{margin-top: -70px; margin-bottom: 25px;}
}


@media (min-width: 960px){
	#wishiesSection2{margin-top: -180px;}
	#wishiesSection{margin-top: -180px;}
	#buySection{margin-top: -150px;}
	#bentoSection{margin-top: -100px; margin-bottom: 75px;}
}

@media (min-width: 1024px){
	#wishiesSection2{margin-top: -180px;}
	#wishiesSection{margin-top: -180px;}
	#buySection{margin-top: -30px;}
}

.storyHead{
  padding-top: 100px;
}
.storyMode{
  padding: 20px 5px 0 5px;
}
/*--------BENTO----------------*/
.bentoBox{
   height: 500px;	
}

.bentoHolder{
 background-image: url("../img/bentoBox/gumball_bentoXL.png");
 background-repeat: no-repeat;	
 background-position: top;
 background-size: contain;
}
/*-------BUY--------*/

.retLogo{
	height: 100px;
}

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

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


.boxHolder{
	height: 150px;
}

.buyBox{
	background-image: url("../img/main/gumball_box.png");
	background-repeat: no-repeat;	
	background-position: top;
	background-size: contain;	
}

.retPad{
	margin-top: 25px;
}