/* Initial Positions for theme elements */
.summer-theme #summer .title-block.init-state {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
}
.summer-theme .title-block {
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -ms-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.summer-theme #summer .title-block.init-state {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
.summer-theme #summer .title-block.init-state #sprout {
  left: -4000px;
}
.summer-theme #summer .title-block.init-state #rockLeft-a {
  left: -4000px;
}
.summer-theme #summer .title-block.init-state #rockLeft-b {
  left: -4000px;
}
.summer-theme #summer .title-block.init-state #rockRight {
  right: -4000px;
}
.summer-theme #summer .title-block.init-state #frog {
  right: -4000px;
}
.summer-theme #summer .title-block.init-state #gameboxGraphic {
  top: -4000px;
}
.summer-theme #sprout,
.summer-theme #rockLeft-a,
.summer-theme #rockLeft-b,
.summer-theme #rockRight,
.summer-theme #frog,
.summer-theme #gameboxGraphic {
  -webkit-transition-property: top, bottom, left, right, opacity, scale;
  -moz-transition-property: top, bottom, left, right, opacity, scale;
  -ms-transition-property: top, bottom, left, right, opacity, scale;
  -o-transition-property: top, bottom, left, right, opacity, scale;
  transition-property: top, bottom, left, right, opacity, scale;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* Headband override */
body.summer-theme {
  background: #00485E;
}
#headband-container #parents-message-bar,
body.summer-theme div#headband-container,
body.summer-theme div#headband-container #parents-message-bar .parents-message .more-toggle {
  background-color: #02748E;
}
body.summer-theme div#headband-container .headband-nav {
  background-color: #02A8C4;
}
body.summer-theme div#headband-container a,
body.summer-theme div#headband-container .headband-nav .nav-item a,
body.summer-theme div#headband-container #parents-message-bar .parents-message,
body.summer-theme div#headband-container #headband-user-block {
  color: #fff;
}
body.summer-theme div#headband-container #parents-message-bar .for-parents-badge:after {
  border-left-color: #ffffff;
}
body.summer-theme #headband-container .headband-nav .nav-item.settings button[data-action=settings-trigger] {
  background-position: 2px 50% !important;
}
/* Loaded Theme Styles */
.summer-theme .scroll-panel.theme-section #theme-stage {
  margin-bottom: 0px;
  background: #00485E;
  bottom: 0px;
}
.summer-theme #summer {
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
}
.summer-theme .title-block {
  width: 100%;
  height: 406px;
  background-size: 100%;
  position: absolute;
  bottom: 275px;
  z-index: 2;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.summer-theme .character-stage {
  position: absolute;
}
.summer-theme #grass {
  left: 0px;
  width: 100%;
  max-width:none;
  bottom: -43px;
  z-index: 2;
}
.summer-theme #sprout {
  left: 130px;
  max-width: 110px;
  bottom: -41px;
  z-index: 3;
}
.summer-theme #rockLeft-a {
  bottom: -42px;
  left: 290px;
  max-width: 46px;
  z-index: 3;
}
.summer-theme #rockLeft-b {
  bottom: -43px;
  left: 358px;
  max-width: 106px;
  z-index: 3;
}
.summer-theme #rockRight {
  bottom: -41px;
  right: 62px;
  max-width: 46px;
  z-index: 3;
}
.summer-theme #waterBlock {
  height: 250px;
  width: 195%;
  background-color:#0081CA;
  background-size:cover;
  z-index: 4;
  bottom: -285px;
  left: -661px;
}
.summer-theme #frog {
  right: -40px;
  bottom: -158px;
  max-width: 700px;
  z-index: 5;
}
.summer-theme #fireFlies {
  right: 0px;
  bottom: -276px;
  width: 100%;
  z-index: 1;
}
.summer-theme #gameboxGraphic {
  margin:auto;
  right:0;
  left:0;
  bottom: 54px;
  max-width: 591px;
  border: #fff solid 10px;
  line-height: 0;
  z-index: 6;
}
.game-box {
  display:none;
  }
.summer-theme .character-stage .character {
  width: 100%;
}
/* animations */

@-webkit-keyframes fade-in {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

/* Media Queries */
@media only screen and (min-width: 1921px) {
  .summer-theme #gameboxGraphic {
    max-width: 790px;
    bottom: 238px;
  }
  .summer-theme #fireFlies {
    bottom: -206px;
    width: 100%;
  }
  .summer-theme #frog {
    right: 110px;
    bottom: -179px;
    max-width: 830px;
  }
  .summer-theme #rockRight {
    right: 182px;
    max-width: 66px;
  }
  .summer-theme #rockLeft-b {
    left: 618px;
    min-width: 135px;
  }
  .summer-theme #rockLeft-a {
    left: 540px;
    max-width: 56px;
  }
  .summer-theme #sprout {
    left: 380px;
    min-width: 135px;
  }
}
@media only screen and (max-width: 1920px) {
  .summer-theme #rockRight {
    right: 115px;
  }
  .summer-theme #fireFlies {
    bottom: -212px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 108px;
    max-width: 731px;
  }
  .summer-theme #frog {
    right: 40px;
  }
  .summer-theme #rockLeft-b {
    left: 468px;
  }
  .summer-theme #rockLeft-a {
    left: 399px;
  }
  .summer-theme #sprout {
    left: 250px;
  }
}
@media only screen and (max-width: 1600px) {
  .summer-theme #gameboxGraphic {
    bottom: 214px;
  }
  .summer-theme #grass {
    width: 120%;
  }
  .summer-theme #fireFlies {
    bottom: -72px;
  }
}
@media only screen and (max-width: 1380px) {
  .summer-theme #grass {
    width: 170%;
  }
  .summer-theme #frog {
    right: -60px;
  }
  .summer-theme #rockRight {
    right: 31px;
  }
  .summer-theme #rockLeft-b {
    left: 321px;
  }
  .summer-theme #rockLeft-a {
    left: 249px;
  }
  .summer-theme #sprout {
    left: 110px;
  }
  .summer-theme #fireFlies {
    bottom: 49px;
    width: 120%;
  }
  .summer-theme #gameboxGraphic {
    bottom: 194px;
    max-width: 671px;
  }
}
@media only screen and (max-width: 1025px) {
  .summer-theme #grass {
    width: 230%;
    bottom: -87px;
  }
  .summer-theme #rockLeft-a {
    left: 169px;
    max-width:36px;
    bottom: -76px;
  }
  .summer-theme #frog {
    bottom: -182px;
    max-width: 640px;
  }
  .summer-theme #sprout {
    max-width: 90px;
    left: 29px;
    bottom: -77px;
  }
  .summer-theme #rockLeft-b {
    max-width: 87px;
    left: 225px;
    bottom: -77px;
  }
  .summer-theme #rockRight {
    max-width:36px;
    bottom: -76px;
  }
  .summer-theme #fireFlies {
    bottom: 80px;
    width: 120%;
  }
  .summer-theme #gameboxGraphic {
    bottom: 224px;
    max-width: 591px;
  }
  .summer-theme #waterBlock {
    height: 215px;
  }
}
@media only screen and (max-width: 775px) {
  .summer-theme #waterBlock {
    height: 487px;
    width: 125%;
    bottom: -295px;
    left: -31px;
  }
  .summer-theme #grass {
    width: 270%;
    bottom: 186px;
  }
  .summer-theme #frog {
    bottom: 81px;
    right: -135px;
  }
  .summer-theme #sprout {
    max-width: 110px;
    left: 59px;
    bottom: 186px;
  }
  .summer-theme #rockRight,
  .summer-theme #rockLeft-a {
    display:none;
  }
  .summer-theme #gameboxGraphic {
    bottom: 377px;
    max-width: 421px;
  }
  .summer-theme #fireFlies {
    bottom: 190px;
    width: 160%;
  }
  .summer-theme #rockLeft-b {
    max-width: 47px;
    left: 175px;
    bottom: 187px;
  }
}
@media only screen and (max-width: 601px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 200px;
    width: 127%;
    bottom: -286px;
  }
  .summer-theme #frog {
    bottom: -175px;
    right: -105px;
    max-width: 500px;
  }
  .summer-theme #grass {
    bottom: -122px;
    width: 280%;
  }
  .summer-theme #sprout {
    left: 29px;
    bottom: -91px;
    max-width: 100px;
  }
  .summer-theme #rockLeft-b {
    max-width: 47px;
    left: 155px;
    bottom: -91px;
  }
  .summer-theme #fireFlies {
    bottom: -150px;
    width: 220%;
  }
  .summer-theme #gameboxGraphic {
    bottom: 57px;
    max-width: 301px;
    left: 116px;
    border: #fff solid 9px;
  }
}
@media only screen and (max-width: 500px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #frog {
    bottom: -135px;
    right: -131px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 139px;
    max-width: 268px;
    left: 136px;
    border: #fff solid 8px;
  }
  .summer-theme #sprout {
    bottom: -53px;
  }
  .summer-theme #rockLeft-b {
    bottom: -53px;
    left: 135px;
  }
  .summer-theme #waterBlock {
    bottom: -247px;
  }
  .summer-theme #grass {
    bottom: -72px;
    width: 310%;
  }
  .summer-theme #fireFlies {
    bottom: -141px;
  }
}
@media only screen and (max-width: 480px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 185px;
    max-width: 250px;
    left: 113px;
    border: #fff solid 7px;
  }
  .summer-theme #frog {
    bottom: -71px;
    right: -105px;
  }
  .summer-theme #waterBlock {
    bottom: -216px;
    height: 233px;
    width: 117%;
  }
  .summer-theme #sprout {
    bottom: 12px;
  }
  .summer-theme #rockLeft-b {
    bottom: 12px;
  }
  .summer-theme #grass {
    bottom: 3px;
    width: 310%;
  }
}

@media only screen and (min-width: 1921px) and (max-height: 1200px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 198px;
  }
}
@media only screen and (max-width: 1920px) and (max-height: 1200px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 1200px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 1200px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .summer-theme #gameboxGraphic {
    max-width: 621px;
    bottom: 214px;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 1200px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 184px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 1200px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 841px;
  }
  .summer-theme #waterBlock {
    height: 473px;
  }
  .summer-theme #frog {
    bottom: 64px;
    right: -148px;
  }
  .summer-theme #grass {
    width: 280%;
    bottom: 169px;
  }
  .summer-theme #sprout {
    left: 50px;
    bottom: 173px;
  }
  .summer-theme #rockLeft-b {
    bottom: 172px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 374px;
    max-width: 360px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 201px;
  }
  .summer-theme #frog {
    bottom: -175px;
    right: -109px;
  }
  .summer-theme #grass {
    bottom: -93px;
  }
  .summer-theme #rockLeft-b {
    bottom: -91px;
  }
  .summer-theme #sprout {
    bottom: -91px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 134px;
    max-width: 290px;
    left: 136px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 200px;
  }
  .summer-theme #frog {
    bottom: -136px;
    right: -130px;
  }
  .summer-theme #sprout {
    bottom: -52px;
    left: 27px;
  }
  .summer-theme #grass {
    width: 390%;
  }
  .summer-theme #rockLeft-b {
    bottom: -53px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 1200px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 232px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 190px;
    max-width: 240px;
    left: 96px;
  }
  .summer-theme #frog {
    bottom: -72px;
    right: -130px;
  }
  .summer-theme #grass {
    width: 310%;
    bottom: 4px;
  }
  .summer-theme #sprout {
    bottom: 12px;
  }
  .summer-theme #rockLeft-b {
    bottom: 11px;
  }
}

@media only screen and (min-width: 1921px) and (max-height: 1010px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 43px;
    max-width: 730px;
  }
  .summer-theme #frog {
    right: -40px;
    bottom: -169px;
  }
  .summer-theme #rockRight {
    right: 57px;
    bottom: -27px;
  }
  .summer-theme #rockLeft-b {
    left: 438px;
    bottom: -28px;
  }
  .summer-theme #rockLeft-a {
    left: 367px;
    bottom: -26px;
  }
  .summer-theme #sprout {
    left: 170px;
    bottom: -29px;
  }
  .summer-theme #waterBlock {
    height: 265px;
  }
  .summer-theme #grass {
    width: 111%;
  }
}
@media only screen and (max-width: 1920px) and (max-height: 1010px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 61px;
    max-width: 690px;
  }
  .summer-theme #frog {
    right: -70px;
    bottom: -146px;
  }
  .summer-theme #waterBlock {
    height: 265px;
  }
  .summer-theme #rockRight {
    right: 20px;
    bottom: -27px;
  }
  .summer-theme #grass {
    width: 113%;
    bottom: -30px;
  }
  .summer-theme #rockLeft-b {
    left: 324px;
    bottom: -28px;
  }
  .summer-theme #rockLeft-a {
    left: 264px;
    bottom: -26px;
  }
  .summer-theme #sprout {
    left: 100px;
    bottom: -27px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 1010px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .summer-theme #waterBlock {
    height: 235px;
  }
  .summer-theme #grass {
    bottom: -59px;
  }
  .summer-theme #frog {
    bottom: -175px;
    max-width: 680px;
  }
  .summer-theme #rockRight {
    bottom: -56px;
    max-width: 44px;
  }
  .summer-theme #rockLeft-b {
    bottom: -58px;
    max-width: 104px;
  }
  .summer-theme #rockLeft-a {
    bottom: -57px;
    max-width: 44px;
  }
  .summer-theme #sprout {
    bottom: -57px;
    max-width: 108px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 111px;
    max-width: 650px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 1010px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 124px;
    max-width: 600px;
  }
  .summer-theme #frog {
    bottom: -165px;
    max-width: 640px;
    right: -58px;
  }
  .summer-theme #rockLeft-b {
    left: 284px;
  }
  .summer-theme #rockLeft-a {
    left: 227px;
  }
  .summer-theme #fireFlies {
    bottom: -124px;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 1010px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .summer-theme #waterBlock {
    height: 207px;
  }
  .summer-theme #grass {
    bottom: -87px;
    width: 178%;
  }
  .summer-theme #sprout {
    bottom: -84px;
    left: 19px;
  }
  .summer-theme #frog {
    bottom: -192px;
  }
  .summer-theme #rockRight {
    bottom: -86px;
  }
  .summer-theme #rockLeft-a {
    bottom: -85px;
    left: 137px;
  }
  .summer-theme #rockLeft-b {
    left: 194px;
    bottom: -86px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 104px;
    max-width: 480px;
  }
  .summer-theme #fireFlies {
    bottom: -88px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 1010px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 794px;
  }
  .summer-theme #waterBlock {
    height: 404px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 293px;
    max-width: 350px;
    left: 120px;
  }
  .summer-theme #frog {
    bottom: 2px;
    max-width: 610px;
    right: -144px;
  }
  .summer-theme #rockLeft-b {
    left: 194px;
    bottom: 105px;
    max-width: 74px;
  }
  .summer-theme #sprout {
    bottom: 105px;
    left: 49px;
    max-width: 98px;
  }
  .summer-theme #grass {
    bottom: 101px;
    width: 213%;
  }
  .summer-theme #fireFlies {
    bottom: -41px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 201px;
  }
  .summer-theme #grass {
    bottom: -93px;
    width: 301%;
  }
  .summer-theme #frog {
    bottom: -192px;
    right: -179px;
  }
  .summer-theme #sprout {
    bottom: -90px;
    left: 31px;
  }
  .summer-theme #rockLeft-b {
    left: 142px;
    bottom: -92px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 133px;
    max-width: 283px;
    left: 120px;
  }
  .summer-theme #fireFlies {
    bottom: -171px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 109px;
  }
  .summer-theme #frog {
    bottom: -145px;
    right: -156px;
    max-width: 550px;
  }
  .summer-theme #sprout {
    bottom: -52px;
  }
  .summer-theme #rockLeft-b {
    left: 143px;
    bottom: -53px;
    max-width: 62px;
  }
  .summer-theme #grass {
    width: 380%;
  }
  .summer-theme #fireFlies {
    bottom: -151px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 1010px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 231px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 163px;
    max-width: 253px;
    left: 114px;
  }
  .summer-theme #frog {
    bottom: -77px;
    right: -128px;
    max-width: 520px;
  }
  .summer-theme #grass {
    width: 340%;
    bottom: 5px;
  }
  .summer-theme #sprout {
    bottom: 11px;
    left: 26px;
  }
  .summer-theme #rockLeft-b {
    bottom: 13px;
    left: 128px;
  }
  .summer-theme #fireFlies {
    bottom: -131px;
  }
}

@media only screen and (min-width: 1921px) and (max-height: 888px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 33px;
    max-width: 570px;
  }
  .summer-theme #frog {
    right: 30px;
  }
  .summer-theme #rockRight {
    right: 117px;
  }
  .summer-theme #rockLeft-b {
    left: 501px;
  }
  .summer-theme #rockLeft-a {
    left: 425px;
  }
  .summer-theme #sprout {
    left: 250px;
  }
  .summer-theme #grass {
    width: 130%;
  }
}
@media only screen and (max-width: 1920px) and (max-height: 888px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 28px;
    max-width: 590px;
  }
  .summer-theme #frog {
    right: 17px;
  }
  .summer-theme #rockRight {
    right: 91px;
  }
  .summer-theme #rockLeft-b {
    left: 414px;
  }
  .summer-theme #rockLeft-a {
    left: 348px;
  }
  .summer-theme #sprout {
    left: 190px;
  }
}
@media only screen and (max-width: 1700px) and (max-height: 888px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .summer-theme #frog {
    right: -27px;
  }
  .summer-theme #rockRight {
    right: 54px;
  }
  .summer-theme #rockLeft-b {
    left: 369px;
  }
  .summer-theme #rockLeft-a {
    left: 307px;
  }
  .summer-theme #sprout {
    left: 150px;
  }
  .summer-theme #grass {
    width: 132%;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 888px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 48px;
    max-width: 530px;
  }
  .summer-theme #frog {
    bottom: -162px;
    max-width: 620px;
  }
  .summer-theme #rockRight {
    right: 34px;
  }
  .summer-theme #rockLeft-b {
    left: 319px;
  }
  .summer-theme #rockLeft-a {
    left: 261px;
  }
  .summer-theme #sprout {
    left: 110px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 888px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 95px;
    max-width: 480px;
  }
  .summer-theme #frog {
    bottom: -150px;
    max-width: 560px;
  }
  .summer-theme #rockLeft-b {
    left: 279px;
  }
  .summer-theme #rockLeft-a {
    left: 221px;
  }
  .summer-theme #sprout {
    left: 70px;
  }
  .summer-theme #grass {
    width: 146%;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 888px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .summer-theme #frog {
    bottom: -178px;
  }
  .summer-theme #sprout {
    left: 27px;
  }
  .summer-theme #rockLeft-a {
    left: 171px;
  }
  .summer-theme #rockLeft-b {
    left: 231px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 85px;
    max-width: 410px;
  }
  .summer-theme #grass {
    width: 196%;
  }
}
@media only screen and (max-width: 775px) and (max-height: 888px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 690px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 199px;
    max-width: 330px;
    border: #fff solid 8px;
  }
  .summer-theme #waterBlock {
    height: 364px;
  }
  .summer-theme #grass {
    width: 196%;
    bottom: 60px;
  }
  .summer-theme #sprout {
    bottom: 65px;
    left: 56px;
  }
  .summer-theme #rockLeft-b {
    left: 171px;
    bottom: 62px;
    max-width: 64px;
  }
  .summer-theme #frog {
    bottom: -16px;
    max-width: 480px;
    right: -72px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 201px;
  }
  .summer-theme #frog {
    bottom: -171px;
    right: -112px;
  }
  .summer-theme #grass {
    width: 288%;
    bottom: -93px;
  }
  .summer-theme #sprout {
    bottom: -91px;
    left: 26px;
  }
  .summer-theme #rockLeft-b {
    left: 141px;
    bottom: -90px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 89px;
    max-width: 290px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 199px;
  }
  .summer-theme #grass {
    bottom: -56px;
  }
  .summer-theme #sprout {
    bottom: -51px;
  }
  .summer-theme #rockLeft-b {
    bottom: -53px;
  }
  .summer-theme #frog {
    bottom: -132px;
    right: -126px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 124px;
    max-width: 270px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 122px;
    border: #fff solid 5px;
    left: 104px;
    max-width: 193px;
  }
  .summer-theme #waterBlock {
    height: 232px;
  }
  .summer-theme #grass {
    bottom: 8px;
    width: 284%;
  }
  .summer-theme #frog {
    bottom: -53px;
    right: -77px;
    max-width: 390px;
  }
  .summer-theme #sprout {
    bottom: 14px;
    max-width: 78px;
  }
  .summer-theme #rockLeft-b {
    left: 111px;
    bottom: 11px;
    max-width: 44px;
  }
  .summer-theme #fireFlies {
    bottom: -121px;
  }
}
@media only screen and (max-width: 375px) and (max-height: 888px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
}

@media only screen and (min-width: 1921px) and (max-height: 715px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 19px;
    max-width: 338px;
    border: #fff solid 8px;
  }
  .summer-theme #grass {
    width: 100%;
  }
  .summer-theme #frog {
    right: 260px;
    bottom: -136px;
    max-width: 650px;
  }
  .summer-theme #rockRight {
    right: 297px;
  }
  .summer-theme #rockLeft-b {
    left: 621px;
  }
  .summer-theme #rockLeft-a {
    left: 545px;
  }
  .summer-theme #sprout {
    left: 360px;
  }
}
@media only screen and (max-width: 1920px) and (max-height: 715px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 19px;
    max-width: 338px;
    border: #fff solid 8px;
  }
  .summer-theme #grass {
    width: 100%;
  }
  .summer-theme #frog {
    right: 170px;
    bottom: -136px;
    max-width: 650px;
  }
  .summer-theme #rockRight {
    right: 237px;
  }
  .summer-theme #rockLeft-b {
    left: 551px;
  }
  .summer-theme #rockLeft-a {
    left: 489px;
  }
  .summer-theme #sprout {
    left: 330px;
  }
}
@media only screen and (max-width: 1700px) and (max-height: 715px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .summer-theme #frog {
    right: 207px;
    bottom: -116px;
    max-width: 530px;
  }
  .summer-theme #rockLeft-b {
    left: 501px;
  }
  .summer-theme #rockLeft-a {
    left: 441px;
  }
  .summer-theme #sprout {
    left: 300px;
  }
}
@media only screen and (max-width: 1600px) and (max-height: 715px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 12px;
    max-width: 378px;
  }
  .summer-theme #frog {
    right: 97px;
    bottom: -145px;
  }
  .summer-theme #rockRight {
    right: 127px;
  }
  .summer-theme #rockLeft-b {
    left: 371px;
  }
  .summer-theme #rockLeft-a {
    left: 313px;
  }
  .summer-theme #sprout {
    left: 170px;
  }
  .summer-theme #grass {
    width: 118%;
  }
  .summer-theme #fireFlies {
    bottom: -202px;
  }
}
@media only screen and (max-width: 1380px) and (max-height: 715px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .summer-theme #gameboxGraphic {
    bottom: -8px;
  }
  .summer-theme #frog {
    right: -29px;
    bottom: -136px;
    max-width: 470px;
  }
  .summer-theme #rockRight {
    right: 14px;
  }
  .summer-theme #rockLeft-b {
    left: 201px;
  }
  .summer-theme #rockLeft-a {
    left: 146px;
  }
  .summer-theme #sprout {
    left: 20px;
  }
  .summer-theme #grass {
    width: 140%;
  }
}
@media only screen and (max-width: 1025px) and (max-height: 715px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 43px;
    max-width: 318px;
  }
  .summer-theme #frog {
    bottom: -164px;
  }
}
@media only screen and (max-width: 775px) and (max-height: 715px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 530px;
  }
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme #waterBlock {
    height: 302px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 50px;
    max-width: 258px;
    left: 174px;
  }
  .summer-theme #frog {
    bottom: -64px;
    right: auto;
    left: -36px;
    max-width: 410px;
  }
  .summer-theme #grass {
    width: 210%;
    bottom: -2px;
  }
  .summer-theme #rockLeft-b {
    display: none;
  }
  .summer-theme #sprout {
    display: none;
  }
  .summer-theme #rockRight {
    right: 94px;
    display: block;
    bottom: 3px;
  }
}
@media only screen and (max-width: 601px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 201px;
  }
  .summer-theme #grass {
    bottom: -94px;
    width: 222%;
  }
  .summer-theme #frog {
    right: -80px;
    left: auto;
    bottom: -159px;
  }
  .summer-theme #rockRight {
    display:none;
  }
  .summer-theme #rockLeft-b {
    left: 141px;
    display:block;
  }
  .summer-theme #sprout {
    display: block;
  }
  .summer-theme #gameboxGraphic {
    bottom: 50px;
    max-width: 310px;
    left: 104px;
  }
}
@media only screen and (max-width: 500px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme #waterBlock {
    height: 200px;
  }
  .summer-theme #frog {
    right: -92px;
    bottom: -120px;
  }
  .summer-theme #rockLeft-b {
    bottom: -53px;
  }
  .summer-theme #sprout {
    bottom: -52px;
    left: 31px;
  }
  .summer-theme #grass {
    bottom: -56px;
    width: 232%;
  }
  .summer-theme #gameboxGraphic {
    bottom: 70px;
    max-width: 270px;
    left: 104px;
  }
  .summer-theme #fireFlies {
    bottom: -132px;
  }
}
@media only screen and (max-width: 480px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 635px;
  }
  .summer-theme #waterBlock {
    height: 231px;
  }
  .summer-theme #grass {
    bottom: 8px;
  }
  .summer-theme #frog {
    right: -92px;
    bottom: -58px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 117px;
    max-width: 190px;
    left: 104px;
    border: #fff solid 6px;
  }
  .summer-theme #sprout {
    bottom: 14px;
    left: 24px;
  }
  .summer-theme #rockLeft-b {
    bottom: 13px;
    left: 116px;
  }
  .summer-theme #fireFlies {
    bottom: -92px;
  }
}
@media only screen and (max-width: 375px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme #frog {
    right: auto;
    bottom: -50px;
    left: -85px;
    max-width: 370px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 99px;
    max-width: 180px;
    left: 74px;
  }
  .summer-theme #grass {
    bottom: 7px;
    width: 342%;
  }
  .summer-theme #fireFlies {
    bottom: -32px;
  }
  .summer-theme #rockLeft-b {
    bottom: 13px;
    left: 231px;
  }
  .summer-theme #sprout {
    display:none;
  }
}
@media only screen and (max-width: 320px) and (max-height: 715px) {
  .home .theme-section #theme-stage .theme-big-active {
    display: block;
  }
  .summer-theme #fireFlies {
    bottom: 28px;
  }
}


/* Odd one-off sized smaller mobile devices */

@media only screen and (max-width: 823px) and (min-width: 776px) and (max-height: 411px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 329px;
  }
  .summer-theme #gameboxGraphic {
    left: 0;
  }
  .summer-theme #frog {
    right: -19px;
    left: auto;
    bottom: -206px;
    max-width: 380px;
  }
  .summer-theme #waterBlock {
    height: 147px;
  }
  .summer-theme #gameboxGraphic {
    bottom: -107px;
    max-width: 238px;
    border: #fff solid 6px;
  }
  .summer-theme #grass {
    bottom: -147px;
  }
  .summer-theme #rockRight {
    bottom: -144px;
    right: 7px;
    max-width: 34px;
  }
  .summer-theme #rockLeft-b {
    left: 156px;
    bottom: -144px;
    max-width: 93px;
  }
  .summer-theme #rockLeft-a {
    left: 109px;
    bottom: -145px;
    max-width: 34px;
  }
  .summer-theme #sprout {
    max-width: 88px;
    bottom: -143px;
    left: 20px;
  }
  .summer-theme #fireFlies {
    bottom: -252px;
  }
}

@media only screen and (max-width: 775px) and (min-width: 732px) and (max-height: 411px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 388px;
  }
  .home .theme-section .phat-button {
    bottom: 40%;
  }
  .brand img {
    width: 80%;
  }
  .summer-theme #waterBlock {
    height: 272px;
  }
  .summer-theme #gameboxGraphic {
    bottom: -13px;
    max-width: 188px;
    left: 0;
    border: #fff solid 6px;
  }
  .summer-theme #grass {
    bottom: -32px;
    width: 150%;
  }
  .summer-theme #frog {
    bottom: -98px;
    right: -35px;
    left: auto;
    max-width: 410px;
  }
  .summer-theme #rockRight {
    right: 7px;
    bottom: -29px;
  }
  .summer-theme #sprout {
    left: 117px;
    display: block;
    bottom: -27px;
  }
  .summer-theme #rockLeft-a {
    left: 210px;
    display: block;
    bottom: -27px;
  }
}

@media only screen and (max-width: 812px) and (max-height: 375px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 328px;
  }
}

@media only screen and (max-width: 667px) and (max-height: 375px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 450px;
  }
  .home .theme-section .phat-button {
    bottom: 37%;
  }
  .summer-theme #waterBlock {
    height: 282px;
  }
  .summer-theme #gameboxGraphic {
    bottom: 2px;
    left: 284px;
  }
  .summer-theme #rockRight {
    right: 4px;
    bottom: -19px;
  }
  .summer-theme #grass {
    width: 210%;
    bottom: -20px;
  }
  .summer-theme #frog {
    bottom: -86px;
    left: 22px;
  }
  .summer-theme #grass {
    width: 160%;
    bottom: -20px;
  }
}

@media only screen and (max-width: 568px) and (max-height: 320px) {
  .summer-theme .scroll-panel.theme-section {
    min-height: 374px;
  }
  .home .theme-section .phat-button.right {
    right: 34px;
  }
  .home .theme-section .phat-button {
    bottom: 27%;
  }
  .summer-theme #gameboxGraphic {
    bottom: -65px;
    left: 255px;
    max-width: 230px;
  }
  .summer-theme #waterBlock {
    height: 201px;
  }
  .summer-theme #rockLeft-a,
  .summer-theme #rockLeft-b,
  .summer-theme #sprout {
    display:none;
  }
  .summer-theme #grass {
    bottom: -92px;
  }
  .summer-theme #frog {
    bottom: -158px;
    left: 14px;
  }
}

@media only screen and (max-width: 692px) and (min-width: 672px) and (max-height: 280px) {
  .brand img {
    width: 70%;
  }
  .home .theme-section .phat-button {
    bottom: 40%;
  }
  .summer-theme .scroll-panel.theme-section {
    min-height: 400px;
  }
  .summer-theme #waterBlock {
    height: 277px;
  }
  .summer-theme #grass {
    bottom: -25px;
    width: 140%;
  }
  .summer-theme #frog {
    bottom: -91px;
    left: 34px;
    max-width: 410px;
  }
  .summer-theme #gameboxGraphic {
    bottom: -9px;
    max-width: 198px;
    left: 294px;
  }
  .summer-theme #rockRight {
    right: 12px;
    bottom: -24px;
  }
  .summer-theme #sprout {
    left: 88px;
    bottom: -22px;
    max-width: 78px;
    display:block;
  }
}