/* Initial Positions for theme elements */
.vote-autumn-theme #theme-stage .title-block.init-state {
    -webkit-transform:scale(.7);
    -moz-transform:scale(.7);
    -ms-transform:scale(.7);
    -o-transform:scale(.7);
    transform:scale(.7);
    opacity: 0;
}

.vote-autumn-theme .title-block{
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -ms-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .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);
}

.vote-autumn-theme #theme-stage .title-block.init-state{
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.vote-autumn-theme #theme-stage .title-block.init-state #gameOne,
.vote-autumn-theme #theme-stage .title-block.init-state #voteOne{
    left: -2000px;
}

.vote-autumn-theme #theme-stage .title-block.init-state #gameTwo,
.vote-autumn-theme #theme-stage .title-block.init-state #voteTwo{
    right: -2000px;
}

.vote-autumn-theme #titleLogo{
    -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);
}

/* vote animations */
.move-over-left {
	-webkit-animation: move-over-left 3s ease-out ;
	        animation: move-over-left 3s ease-out ;
    -webkit-animation: move-over-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: move-over-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-fill-mode: forwards;
}

@-webkit-keyframes move-over-left {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
  100% {
    -webkit-transform: translateX(-180px) translateY(100px) scale(0.6);
            transform: translateX(-180px) translateY(100px) scale(0.6);
  }
}
@keyframes move-over-left {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
  100% {
    -webkit-transform: translateX(-180px) translateY(100px) scale(0.6);
            transform: translateX(-180px) translateY(100px) scale(0.6);
  }
}

.move-over-right {
	-webkit-animation: move-over-right 3s ease-out ;
	        animation: move-over-right 3s ease-out ;
    -webkit-animation: move-over-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: move-over-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-fill-mode: forwards;
}

@-webkit-keyframes move-over-right {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
  100% {
    -webkit-transform: translateX(180px) translateY(100px) scale(0.6);
            transform: translateX(180px) translateY(100px) scale(0.6);
  }
}
@keyframes move-over-right {
  0% {
    -webkit-transform: translateX(0) translateY(0) scale(1);
            transform: translateX(0) translateY(0) scale(1);
  }
  100% {
    -webkit-transform: translateX(180px) translateY(100px) scale(0.6);
            transform: translateX(180px) translateY(100px) scale(0.6);
  }
}

.button-vanish {
	-webkit-animation: button-vanish 0.3s ease-in-out both;
	        animation: button-vanish 0.3s ease-in-out both;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 0.5s linear;
}

@-webkit-keyframes button-vanish {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes button-vanish {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.move-up {
	-webkit-animation: move-up 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: move-up 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-fill-mode: forwards;
}
@-webkit-keyframes move-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
}
@keyframes move-up {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-2000px);
            transform: translateY(-2000px);
  }
}
@keyframes animatedbgBig {
	to { background-position: 0% 84%; };
}
@keyframes animatedbgSmall {
	to { background-position: 0% 89%; };
}
.float-down {
	-webkit-animation: float-down 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: float-down 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes float-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
  }
}
@keyframes float-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
  }
}
.fill-up-big {
	-webkit-animation: fill-up-big 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fill-up-big 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fill-up-big {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-550px);
            transform: translateY(-550px);
  }
}
@keyframes fill-up-big {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-550px);
            transform: translateY(-550px);
  }
}
.fill-up-small {
	-webkit-animation: fill-up-small 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: fill-up-small 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-fill-mode: forwards;
}
@-webkit-keyframes fill-up-small {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-660px);
            transform: translateY(-660px);
  }
}
@keyframes fill-up-small {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-660px);
            transform: translateY(-660px);
  }
}

/* Headband override */
body.vote-autumn-theme {
    background:#fff;
}

#headband-container #parents-message-bar,
body.vote-autumn-theme div#headband-container,
body.vote-autumn-theme div#headband-container #parents-message-bar .parents-message .more-toggle{
	background-color: #4fb4c1;
}

body.vote-autumn-theme div#headband-container .headband-nav{
	background-color: #54bfcd;
}

body.vote-autumn-theme div#headband-container a,
body.vote-autumn-theme div#headband-container .headband-nav .nav-item a,
body.vote-autumn-theme div#headband-container #parents-message-bar .parents-message,
body.vote-autumn-theme div#headband-container #headband-user-block {
	color: #fff;
}

body.vote-autumn-theme div#headband-container #parents-message-bar .parents-bar-bookmarks ul li .parents-bar-bookmark{
	background-color: #fab737;
}

body.vote-autumn-theme div#headband-container #parents-message-bar .for-parents-badge:after{
	border-left-color: #ffffff;
}

body.vote-autumn-theme #headband-container .headband-nav .nav-item.settings button[data-action=settings-trigger]{
	background-position: -65px 50% !important;
}

.no-svg body.vote-autumn-theme #headband-container .headband-nav .nav-item.settings button[data-action=settings-trigger]{
}

.vote-autumn-theme .scroll-panel.theme-section #theme-stage{
    margin-bottom: 0px;
    background: url('../images/bg.jpg') #6eccd8;
    background-size:cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    top:0px;
    position:absolute;
}

.vote-autumn-theme #theme-stage{
    position: absolute;
    width: 100%;
    left: 0;
    margin-left: 0;
    bottom: 0;
    top: 0;
    margin-bottom: 0px;
}

.vote-autumn-theme .title-block{
    width: 100%;
    height: 1200px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index:2;

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.vote-autumn-theme .character-stage{
    position: absolute;
}

/* Scene One */
.vote-autumn-theme .middle-group{
    width: 1360px;
    height: 100%;
    position: relative;
    display:block;
    top: 93px;
    margin-left:auto;
    margin-right:auto;
}

.vote-autumn-theme #gameOne{
    top: 430px;
    left: 0px;
    max-width: 645px;
    z-index: 1;
    border: solid 10px #ffff;
    line-height: 0;
}

.vote-autumn-theme #gameTwo{
    top: 430px;
    right: 0px;
    max-width: 645px;
    z-index: 1;
    border: solid 10px #ffff;
    line-height: 0;
}

.vote-autumn-theme #voteOne{
    top: 751px;
    left: 185px;
    max-width: 290px;
    border:none;
    padding:0px;
    margin:0px;
    background:none;
    z-index:2;
}

.vote-autumn-theme #voteTwo{
    top: 751px;
    right: 185px;
    max-width: 290px;
    border:none;
    padding:0px;
    margin:0px;
    background:none;
    z-index:2;
}

.vote-autumn-theme #dropbarOne{
    height: 100%;
    width: 300px;
    background-color: #b20654;
    border: solid 10px #ffff;
    line-height: 0;
    top: 2000px;
    left: 279px;
}

.vote-autumn-theme #dropbarTwo{
    height: 100%;
    width: 300px;
    background-color: #0869b2;
    border: solid 10px #ffff;
    line-height: 0;
    top: 2000px;
    right: 279px;
}

.vote-autumn-theme #dropbarOne.shift-left {
    left:13%;
}

.vote-autumn-theme #dropbarTwo.shift-right {
    right:13%;
}

.vote-autumn-theme .big-vote{
    height: 100%;
    width: 300px;
    margin-bottom: 0px;
    background: url('../images/vote-pile-big.png');
    background-size:contain;
    background-position: 0% 200%;
    background-repeat: no-repeat;
    position:absolute;
    animation: animatedbgBig 1s linear;
    animation-fill-mode: forwards;
    z-index:2;
}

.vote-autumn-theme .small-vote{
    height: 100%;
    width: 300px;
    margin-bottom: 0px;
    background: url('../images/vote-pile-small.png');
    background-size:contain;
    background-position: 0% 200%;
    background-repeat: no-repeat;
    position:absolute;
    animation: animatedbgSmall 1s linear;
    animation-fill-mode: forwards;
    z-index:2;
}
.vote-autumn-theme .dropped-vote-1,
.vote-autumn-theme .dropped-vote-2{
    width:60px;
    top:0px;
    position:absolute;
    left:40%;
    z-index:1;
}
.vote-autumn-theme .notVoted{
    display:none;
}

.vote-autumn-theme .bar-win {
    height:60%;
}
.vote-autumn-theme .bar-lose {
    height:40%;
}

.vote-autumn-theme #upbarOne {
    left: 520px;
    background:#f41971;
    width:150px;
    bottom:-630px;
}
.vote-autumn-theme #upbarTwo {
    right:520px;
    background:#67b2ff;
    width:150px;
    bottom:-630px;
}

.vote-autumn-theme #upbarOne p,
.vote-autumn-theme #upbarTwo p {
    font-family: PBS_KIDS_Headline, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:2.2vw;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    line-height:0px;
    margin:0px;
    top:-30px;
    position:relative;
    display: inline-block;
    width:100%;
    height:100%;
}

.vote-autumn-theme .hide {
    display:none;
}

/* Scene Two */
.vote-autumn-theme .scene-two{
    display:none;
    width: 100%;
    height: 1200px;
    position: relative;
    bottom: 0;
    left: 0;
    background-color:#acd038;
}

.vote-autumn-theme #gamewinOne,
.vote-autumn-theme #gamewinTwo{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position:absolute;
    z-index:1;
}
.vote-autumn-theme #gamewinOne img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.vote-autumn-theme #gamewinTwo img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.vote-autumn-theme #winner-text{
    background-color:#b20654;
    width:450px;
    height: 170px;
    position:relative;
    display:block;
    margin-left:auto;
    margin-right:auto;
    top:30px;
    z-index:2;
}
.vote-autumn-theme #winner-text p {
    font-family: PBS_KIDS_Headline, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height:0px;
    text-align: center;
    margin:0px;
    position:relative;
    z-index:3;
}
.vote-autumn-theme #winner-text .topText {
    top:60px;
    font-size: 80px;
}
.vote-autumn-theme #winner-text .bottomText {
    top: 120px;
    font-size: 2.2vw;
}
.vote-autumn-theme #confetti{
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position:absolute;
    z-index:5;
}

/* Mini Scene */
.vote-autumn-theme .mini-vote{
    display:none;
    background: url('../images/mini-vote.png') #95a766;
    background-size:cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    top:0px;
    position:absolute;
    width: 100%;
    height: 100%;
}

.vote-autumn-theme .character-stage .character{
    width: 100%;
}

/* Media Queries */

@media only screen and (min-width: 1601px) {
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo{
        max-width: 725px;
    }
    .vote-autumn-theme .middle-group {
        width: 1509px;
        top: -2px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo{
        top: 795px;
    }

    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-100px) translateY(50px) scale(0.66);
                transform: translateX(-100px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-100px) translateY(50px) scale(0.66);
                transform: translateX(-100px) translateY(50px) scale(0.66);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(100px) translateY(50px) scale(0.66);
                transform: translateX(100px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(100px) translateY(50px) scale(0.66);
                transform: translateX(100px) translateY(50px) scale(0.66);
      }
    }
    .vote-autumn-theme #upbarOne {
        left: 580px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 610px;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 17%;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 15%;
    }
    @keyframes animatedbgBig {
	to { background-position: 0% 100%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 100%; };
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1200px);
                transform: translateY(1200px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1200px);
                transform: translateY(1200px);
      }
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 1.7vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 1.7vw;
    }
}
@media only screen and (max-width: 1600px) {
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo{
        max-width: 649px;
    }
    .vote-autumn-theme .middle-group {
        width: 1349px;
        top: -2px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo{
        top: 756px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-100px) translateY(50px) scale(0.66);
                transform: translateX(-100px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-100px) translateY(50px) scale(0.66);
                transform: translateX(-100px) translateY(50px) scale(0.66);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(100px) translateY(50px) scale(0.66);
                transform: translateX(100px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(100px) translateY(50px) scale(0.66);
                transform: translateX(100px) translateY(50px) scale(0.66);
      }
    }
    .vote-autumn-theme #upbarOne {
        left: 520px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 510px;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 12%;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 13%;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 100%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 100%; };
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1200px);
                transform: translateY(1200px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1200px);
                transform: translateY(1200px);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo{
        top: 5%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.3vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.4vw;
    }
}
@media only screen and (max-width: 1380px) {
    .vote-autumn-theme .middle-group {
        width: 949px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 449px;
    }
    .vote-autumn-theme #voteOne {
        left: 126px;
    }
    .vote-autumn-theme #voteTwo {
        right: 121px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 654px;
        max-width: 230px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.66);
                transform: translateX(-50px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.66);
                transform: translateX(-50px) translateY(50px) scale(0.66);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.66);
                transform: translateX(50px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.66);
                transform: translateX(50px) translateY(50px) scale(0.66);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 179px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 200px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 5%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 5%;
    }
    .vote-autumn-theme #dropbarOne,
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme .big-vote,
    .vote-autumn-theme .small-vote{
        width: 250px;
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width:130px;
    }
    .vote-autumn-theme #upbarOne {
        left: 345px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 345px;
    }
    .vote-autumn-theme .dropped-vote-1,
    .vote-autumn-theme .dropped-vote-2{
        width:50px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 10%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.2vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.8vw;
    }
}
@media only screen and (max-width: 1025px) {
    .vote-autumn-theme .middle-group {
        width: 719px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 331px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 598px;
        max-width: 175px;
    }
    .vote-autumn-theme #voteOne {
        left: 84px;
    }
    .vote-autumn-theme #voteTwo {
        right: 86px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.68);
                transform: translateX(-50px) translateY(50px) scale(0.68);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.68);
                transform: translateX(-50px) translateY(50px) scale(0.68);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.68);
                transform: translateX(50px) translateY(50px) scale(0.68);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.68);
                transform: translateX(50px) translateY(50px) scale(0.68);
      }
    }
    .vote-autumn-theme #dropbarOne,
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme .big-vote,
    .vote-autumn-theme .small-vote{
        width: 200px;
    }
    .vote-autumn-theme #dropbarOne {
        left: 129px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 130px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 2%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 2%;
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width: 90px;
    }
    .vote-autumn-theme #upbarOne {
        left: 256px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 256px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2vw;
    }
    .vote-autumn-theme .dropped-vote-1,
    .vote-autumn-theme .dropped-vote-2{
        width:40px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 18%;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 3.8vw;
    }
}
@media only screen and (max-width: 775px) {
    .vote-autumn-theme .middle-group {
        width: 549px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 248px;
    }
    .vote-autumn-theme #voteOne {
        left: 65px;
    }
    .vote-autumn-theme #voteTwo {
        right: 66px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 558px;
        max-width: 135px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(135px) scale(1);
                transform: translateX(0) translateY(135px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(135px) scale(1);
                transform: translateX(0) translateY(135px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(135px) scale(1);
                transform: translateX(0) translateY(135px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(135px) scale(1);
                transform: translateX(0) translateY(135px) scale(1);
      }
    }
    .vote-autumn-theme #dropbarOne,
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme .big-vote,
    .vote-autumn-theme .small-vote {
        width: 120px;
    }
    .vote-autumn-theme #dropbarOne {
        left: 109px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 112px;
    }
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme #dropbarOne{
        height: 47%;
    }
    .vote-autumn-theme .dropped-vote-1,
    .vote-autumn-theme .dropped-vote-2{
        width:28px;
    }
    .vote-autumn-theme #upbarOne {
        left: 163px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 163px;
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(600px);
                transform: translateY(600px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(600px);
                transform: translateY(600px);
      }
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1150px);
                transform: translateY(-1150px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1150px);
                transform: translateY(-1150px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1200px);
                transform: translateY(-1200px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1200px);
                transform: translateY(-1200px);
      }
    }
    .vote-autumn-theme .bar-lose {
        height: 20%;
    }
    .vote-autumn-theme .bar-win {
        height: 30%;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 16%;
    }
    .vote-autumn-theme #winner-text {
        left: 3%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.8vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 5vw;
    }
}
@media only screen and (max-width: 601px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    .vote-autumn-theme .middle-group {
        top: 328px;
        width: 439px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 191px;
    }
    .vote-autumn-theme #voteOne, .vote-autumn-theme #voteTwo {
        top: 525px;
        max-width: 135px;
    }
    .vote-autumn-theme #voteOne {
        left: 38px;
    }
    .vote-autumn-theme #voteTwo {
        right: 38px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    .vote-autumn-theme #dropbarOne,
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme .big-vote,
    .vote-autumn-theme .small-vote {
        width: 90px;
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width: 70px;
    }
    .vote-autumn-theme #upbarOne {
        left: 130px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 130px;
    }
    .vote-autumn-theme .dropped-vote-1,
    .vote-autumn-theme .dropped-vote-2{
        width:20px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.8vw;
        top: -22px;
    }
    .vote-autumn-theme .bar-win {
        height: 20%;
    }
    .vote-autumn-theme .bar-lose {
        height: 15%;
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1250px);
                transform: translateY(-1250px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1250px);
                transform: translateY(-1250px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1250px);
                transform: translateY(-1250px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1250px);
                transform: translateY(-1250px);
      }
    }
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme #dropbarOne {
        height: 45%;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 89px;
    }
    .vote-autumn-theme #dropbarOne {
        left: 89px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 13%;
    }
    .vote-autumn-theme #winner-text .topText {
        top: 53px;
        font-size: 60px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 103px;
        font-size: 4.8vw;
    }
    .vote-autumn-theme #winner-text {
        width: 340px;
        height: 142px;
        left: 30px;
    }
}
@media only screen and (max-width: 500px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    @-webkit-keyframes move-over-right {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    @keyframes move-over-right {
     0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    .vote-autumn-theme #winner-text .topText {
        font-size: 55px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 5.6vw;
    }
    .vote-autumn-theme #upbarOne p, .vote-autumn-theme #upbarTwo p {
        font-size: 3.3vw;
    }
}
@media only screen and (max-width: 480px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    .vote-autumn-theme .middle-group {
        display: none;
    }
    .vote-autumn-theme .mini-vote{
        display:block;
    }
}


@media only screen and (min-width: 1601px) and (max-height: 1200px) {
    .vote-autumn-theme .scroll-panel.theme-section {
	 	min-height: 841px;
	}
    .vote-autumn-theme .middle-group {
        width: 1313px;
        top: 38px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 625px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo{
        max-width: 260px;
        top: 750px;
    }
    .vote-autumn-theme #voteOne {
        left: 191px;
    }
    .vote-autumn-theme #voteTwo {
        right: 191px;
    }
    .vote-autumn-theme #upbarOne {
        left: 497px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 500px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 11%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 11%;
    }
    .vote-autumn-theme #gamewinOne, .vote-autumn-theme #gamewinTwo {
        height: 71%;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 1.9vw;
    }
}
@media only screen and (max-width: 1600px) and (max-height: 1200px) {
    .vote-autumn-theme .scroll-panel.theme-section {
	 	min-height: 841px;
	}
    .vote-autumn-theme .middle-group {
        width: 1245px;
        top: 108px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 589px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 721px;
        max-width: 280px;
    }
    .vote-autumn-theme #voteOne {
        left: 149px;
    }
    .vote-autumn-theme #voteTwo {
        right: 163px;
    }
    .vote-autumn-theme #upbarOne {
        left: 460px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 469px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 10%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 11%;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        bottom: 0;
        height:70%;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.5vw;
    }
}
@media only screen and (max-width: 1380px) and (max-height: 1200px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 841px;
    }
    .vote-autumn-theme .middle-group {
        width: 915px;
        top: 158px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 428px;
    }
    .vote-autumn-theme #voteOne, .vote-autumn-theme #voteTwo {
        top: 644px;
        max-width: 230px;
    }
    .vote-autumn-theme #voteOne {
        left: 108px;
    }
    .vote-autumn-theme #voteTwo {
        right: 110px;
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width: 120px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 334px;
    }
    .vote-autumn-theme #upbarOne {
        left: 334px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 4%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 4%;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 80px;
    }
    .vote-autumn-theme #dropbarOne {
        left: 79px;
    }
    @keyframes animatedbgBig {
	to { background-position: 0% 80%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 84%; };
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-650px);
                transform: translateY(-650px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-650px);
                transform: translateY(-650px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-760px);
                transform: translateY(-760px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-760px);
                transform: translateY(-760px);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: auto;
        bottom: 0;
        height: 93%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.1vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.8vw;
    }
}
@media only screen and (max-width: 1025px) and (max-height: 1200px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 841px;
    }
    .vote-autumn-theme .middle-group {
        width: 705px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 325px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 597px;
        max-width: 170px;
    }
    .vote-autumn-theme #voteOne {
        left: 82px;
    }
    .vote-autumn-theme #voteTwo {
        right: 81px;
    }
    @keyframes animatedbgBig {
	to { background-position: 0% 80%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 84%; };
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width: 90px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 255px;
    }
    .vote-autumn-theme #upbarOne {
        left: 255px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 2%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 2%;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 18%;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4vw;
    }
}
@media only screen and (max-width: 775px) and (max-height: 1200px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 841px;
    }
    .vote-autumn-theme .middle-group {
        width: 505px;
        top: 15px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 225px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 544px;
        max-width: 140px;
    }
    .vote-autumn-theme #voteOne {
        left: 51px;
    }
    .vote-autumn-theme #voteTwo {
        right: 53px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(140px) scale(1);
                transform: translateX(0) translateY(140px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(140px) scale(1);
                transform: translateX(0) translateY(140px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(140px) scale(1);
                transform: translateX(0) translateY(140px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(140px) scale(1);
                transform: translateX(0) translateY(140px) scale(1);
      }
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 99%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 100%; };
    }
    .vote-autumn-theme #upbarOne {
        left: 158px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 158px;
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1150px);
                transform: translateY(-1150px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1150px);
                transform: translateY(-1150px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1200px);
                transform: translateY(-1200px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1200px);
                transform: translateY(-1200px);
      }
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width: 80px;
    }
    .vote-autumn-theme #winner-text .topText {
        top: 56px;
        font-size: 70px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 113px;
    }
    .vote-autumn-theme #winner-text {
        width: 390px;
        height: 154px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 14%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.5vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4.5vw;
    }
}
@media only screen and (max-width: 601px) and (max-height: 1200px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    .vote-autumn-theme .middle-group {
        width: 435px;
        top: 335px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 190px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 529px;
        max-width: 120px;
    }
    .vote-autumn-theme #voteOne {
        left: 42px;
    }
    .vote-autumn-theme #voteTwo {
        right: 44px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(100px) scale(1);
                transform: translateX(0) translateY(100px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(100px) scale(1);
                transform: translateX(0) translateY(100px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(100px) scale(1);
                transform: translateX(0) translateY(100px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(100px) scale(1);
                transform: translateX(0) translateY(100px) scale(1);
      }
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width: 70px;
    }
    .vote-autumn-theme #upbarOne {
        left: 128px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 128px;
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1260px);
                transform: translateY(-1260px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1260px);
                transform: translateY(-1260px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1240px);
                transform: translateY(-1240px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1240px);
                transform: translateY(-1240px);
      }
    }
    .vote-autumn-theme #winner-text .topText {
        top: 51px;
        font-size: 60px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 101px;
    }
    .vote-autumn-theme #winner-text {
        width: 330px;
        height: 140px;
        left: 57px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.8vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4.8vw;
    }
}
@media only screen and (max-width: 500px) and (max-height: 1200px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(65px) scale(0.95);
                transform: translateX(0) translateY(65px) scale(0.95);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(65px) scale(0.95);
                transform: translateX(0) translateY(65px) scale(0.95);
      }
    }
    @-webkit-keyframes move-over-right {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(65px) scale(0.95);
                transform: translateX(0) translateY(65px) scale(0.95);
      }
    }
    @keyframes move-over-right {
     0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(65px) scale(0.95);
                transform: translateX(0) translateY(65px) scale(0.95);
      }
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 88%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 91%; };
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(500px);
                transform: translateY(500px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(500px);
                transform: translateY(500px);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 12%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 3.3vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 5.8vw;
    }
}
@media only screen and (max-width: 480px) and (max-height: 1200px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
}


@media only screen and (min-width: 1601px) and (max-height: 1010px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 794px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        height: 66%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 1.9vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2vw;
    }
}
@media only screen and (max-width: 1600px) and (max-height: 1010px) {
    .vote-autumn-theme .scroll-panel.theme-section {
	 	min-height: 794px;
	}
    .vote-autumn-theme #gamewinOne, .vote-autumn-theme #gamewinTwo {
        bottom: 0;
        top:0;
        height: 66%;
    }
}
@media only screen and (max-width: 1380px) and (max-height: 1010px) {
    .vote-autumn-theme .scroll-panel.theme-section {
	 	min-height: 794px;
	}
    .vote-autumn-theme #upbarOne {
        left: 331px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 331px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 29px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.9vw;
    }
}
@media only screen and (max-width: 1025px) and (max-height: 1010px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 794px;
    }
    .vote-autumn-theme #gamewinOne, .vote-autumn-theme #gamewinTwo {
        top: 191px;
    }
    .vote-autumn-theme #upbarOne {
        left: 258px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 258px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 3.9vw;
    }
}
@media only screen and (max-width: 775px) and (max-height: 1010px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 794px;
    }
    .vote-autumn-theme .middle-group {
        top: 145px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(1);
                transform: translateX(0) translateY(78px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(1);
                transform: translateX(0) translateY(78px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(1);
                transform: translateX(0) translateY(78px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(1);
                transform: translateX(0) translateY(78px) scale(1);
      }
    }
    .vote-autumn-theme .bar-win {
        height: 25%;
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1200px);
                transform: translateY(-1200px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1200px);
                transform: translateY(-1200px);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 126px;
        height: 30%;
    }
    .vote-autumn-theme #upbarOne {
        left: 163px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 162px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4.4vw;
    }
}
@media only screen and (max-width: 601px) and (max-height: 1010px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    .vote-autumn-theme .middle-group {
        top: 355px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(1);
                transform: translateX(0) translateY(85px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(1);
                transform: translateX(0) translateY(85px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(1);
                transform: translateX(0) translateY(85px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(1);
                transform: translateX(0) translateY(85px) scale(1);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 156px;
        height: 28%;
    }
    .vote-autumn-theme #upbarOne {
        left: 129px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 129px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4.8vw;
    }
}
@media only screen and (max-width: 500px) and (max-height: 1010px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    .vote-autumn-theme .middle-group {
        top: 325px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(0.95);
                transform: translateX(0) translateY(78px) scale(0.95);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(0.95);
                transform: translateX(0) translateY(78px) scale(0.95);
      }
    }
    @-webkit-keyframes move-over-right {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(0.95);
                transform: translateX(0) translateY(78px) scale(0.95);
      }
    }
    @keyframes move-over-right {
     0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(78px) scale(0.95);
                transform: translateX(0) translateY(78px) scale(0.95);
      }
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 90%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 92%; };
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 134px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 5.8vw;
    }
}
@media only screen and (max-width: 480px) and (max-height: 1010px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
}


@media only screen and (min-width: 1900px) and (max-height: 888px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 690px;
    }
    .vote-autumn-theme .middle-group {
        top: 107px;
        width: 1213px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 575px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 717px;
    }
    .vote-autumn-theme #voteOne {
        left: 164px;
    }
    .vote-autumn-theme #voteTwo {
        right: 159px;
    }
    .vote-autumn-theme #upbarOne {
        left: 450px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 447px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 9%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 9%;
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
      }
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 83%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 89%; };
    }
    .vote-autumn-theme #gamewinOne, .vote-autumn-theme #gamewinTwo {
        height: 58%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 1.5vw;
    }
}
@media only screen and (max-width: 1899px) and (max-height: 888px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 690px;
    }
    .vote-autumn-theme .middle-group {
        top: 106px;
        width: 1235px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 585px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 722px;
    }
    .vote-autumn-theme #voteOne {
        left: 174px;
    }
    .vote-autumn-theme #voteTwo {
        right: 161px;
    }
    .vote-autumn-theme #upbarOne {
        left: 462px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 461px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 9%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 9%;
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1000px);
                transform: translateY(1000px);
      }
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 83%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 89%; };
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        height: 58%;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.1vw;
    }
}
@media only screen and (max-width: 1700px) and (max-height: 888px) {
    .vote-autumn-theme .scroll-panel.theme-section {
	 	min-height: 690px;
	}
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.1vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.4vw;
    }
}
@media only screen and (max-width: 1600px) and (max-height: 888px) {
    .vote-autumn-theme .scroll-panel.theme-section {
	 	min-height: 690px;
	}
    .vote-autumn-theme .middle-group {
        width: 1075px;
        top: 172px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 505px;
    }
    .vote-autumn-theme #voteOne {
        left: 128px;
    }
    .vote-autumn-theme #voteTwo {
        right: 129px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 681px;
        max-width: 255px;
    }
    .vote-autumn-theme #dropbarOne {
        left: 189px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 199px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 4%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 3%;
    }
    .vote-autumn-theme #upbarTwo {
        right: 374px;
    }
    .vote-autumn-theme #upbarOne {
        left: 382px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 72%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 81%; };
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-612px);
                transform: translateY(-612px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-612px);
                transform: translateY(-612px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-738px);
                transform: translateY(-738px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-738px);
                transform: translateY(-738px);
      }
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.3vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.5vw;
    }
}
@media only screen and (max-width: 1380px) and (max-height: 888px) {
    .vote-autumn-theme .scroll-panel.theme-section {
	 	min-height: 690px;
	}
    .vote-autumn-theme .middle-group {
        width: 905px;
        top: 224px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 425px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 641px;
        max-width: 215px;
    }
    .vote-autumn-theme #voteTwo {
        right: 112px;
    }
    .vote-autumn-theme #voteOne {
        left: 113px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-80px) translateY(50px) scale(0.66);
                transform: translateX(-80px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-80px) translateY(50px) scale(0.66);
                transform: translateX(-80px) translateY(50px) scale(0.66);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(80px) translateY(50px) scale(0.66);
                transform: translateX(80px) translateY(50px) scale(0.66);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(80px) translateY(50px) scale(0.66);
                transform: translateX(80px) translateY(50px) scale(0.66);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 169px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 170px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 323px;
    }
    .vote-autumn-theme #upbarOne {
        left: 327px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 4%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 4%;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 68%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 76%; };
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 0px;
        height: 58%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.1vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.9vw;
    }
}
@media only screen and (max-width: 1025px) and (max-height: 888px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 690px;
    }
    .vote-autumn-theme .middle-group {
        width: 685px;
        top: 245px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 314px;
    }
    .vote-autumn-theme #voteOne {
        left: 83px;
    }
    .vote-autumn-theme #voteTwo {
        right: 85px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 589px;
        max-width: 165px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.68);
                transform: translateX(-50px) translateY(50px) scale(0.68);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.68);
                transform: translateX(-50px) translateY(50px) scale(0.68);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.68);
                transform: translateX(50px) translateY(50px) scale(0.68);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.68);
                transform: translateX(50px) translateY(50px) scale(0.68);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 107px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 106px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 2%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 2%;
    }
    .vote-autumn-theme #upbarOne {
        left: 246px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 246px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 125px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 3.8vw;
    }
}
@media only screen and (max-width: 775px) and (max-height: 888px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 690px;
    }
    .vote-autumn-theme .middle-group {
        width: 515px;
        top: 236px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 230px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 544px;
        max-width: 145px;
    }
    .vote-autumn-theme #voteOne {
        left: 49px;
    }
    .vote-autumn-theme #voteTwo {
        right: 53px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(40px) scale(0.85);
                transform: translateX(0) translateY(40px) scale(0.85);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(40px) scale(0.85);
                transform: translateX(0) translateY(40px) scale(0.85);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(40px) scale(0.85);
                transform: translateX(0) translateY(40px) scale(0.85);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(40px) scale(0.85);
                transform: translateX(0) translateY(40px) scale(0.85);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 80px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 80px;
    }
    .vote-autumn-theme #dropbarOne,
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme .big-vote,
    .vote-autumn-theme .small-vote {
        width: 110px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 86%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 80%; };
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(500px);
                transform: translateY(500px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(500px);
                transform: translateY(500px);
      }
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 4%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 4%;
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1239px);
                transform: translateY(-1239px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1239px);
                transform: translateY(-1239px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1235px);
                transform: translateY(-1235px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1235px);
                transform: translateY(-1235px);
      }
    }
    .vote-autumn-theme .bar-win {
        height: 21%;
    }
    .vote-autumn-theme .bar-lose {
        height: 17%;
    }
    .vote-autumn-theme #upbarOne {
        left: 158px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 158px;
    }
    .vote-autumn-theme #upbarOne,
    .vote-autumn-theme #upbarTwo {
        width: 67px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2vw;
        top: -20px;
    }
    .vote-autumn-theme .dropped-vote-1,
    .vote-autumn-theme .dropped-vote-2 {
        width: 22px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4.4vw;
    }
}
@media only screen and (max-width: 601px) and (max-height: 888px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    .vote-autumn-theme .middle-group {
        width: 435px;
        top: 326px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 192px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 529px;
        max-width: 125px;
    }
    .vote-autumn-theme #voteOne {
        left: 42px;
    }
    .vote-autumn-theme #voteTwo {
        right: 44px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(110px) scale(1);
                transform: translateX(0) translateY(110px) scale(1);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 60px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 60px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 2%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 2%;
    }
    .vote-autumn-theme #dropbarOne,
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme .big-vote,
    .vote-autumn-theme .small-vote {
        width: 100px;
    }
    .vote-autumn-theme #upbarOne {
        left: 136px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 136px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 98%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 99%; };
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(550px);
                transform: translateY(550px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(550px);
                transform: translateY(550px);
      }
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.5vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4.8vw;
    }
}
@media only screen and (max-width: 500px) and (max-height: 888px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    @-webkit-keyframes move-over-right {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    @keyframes move-over-right {
     0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(75px) scale(0.95);
                transform: translateX(0) translateY(75px) scale(0.95);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 145px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 3vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 5.8vw;
    }
}
@media only screen and (max-width: 480px) and (max-height: 888px) {
     .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
}
@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: 1900px) and (max-height: 715px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 530px;
    }
    .vote-autumn-theme .middle-group {
        top: 266px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        max-width: 210px;
        top: 646px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 430px;
    }
    .vote-autumn-theme #voteOne {
        left: 116px;
    }
    .vote-autumn-theme #voteTwo {
        right: 121px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 74%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 74%; };
    }
    .vote-autumn-theme #dropbarOne {
        left: 199px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 199px;
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(900px);
                transform: translateY(900px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(900px);
                transform: translateY(900px);
      }
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-620px);
                transform: translateY(-620px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-620px);
                transform: translateY(-620px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-767px);
                transform: translateY(-767px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-767px);
                transform: translateY(-767px);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        height: 45%;
    }
}
@media only screen and (max-width: 1899px) and (max-height: 715px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 530px;
    }
     .vote-autumn-theme .middle-group {
        top: 266px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        max-width: 210px;
        top: 646px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 430px;
    }
    .vote-autumn-theme #voteOne {
        left: 116px;
    }
    .vote-autumn-theme #voteTwo {
        right: 121px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 74%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 74%; };
    }
    .vote-autumn-theme #dropbarOne {
        left: 199px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 199px;
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(900px);
                transform: translateY(900px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(900px);
                transform: translateY(900px);
      }
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-620px);
                transform: translateY(-620px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-620px);
                transform: translateY(-620px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-767px);
                transform: translateY(-767px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-767px);
                transform: translateY(-767px);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        height: 45%;
    }
}
@media only screen and (max-width: 1700px) and (max-height: 715px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 530px;
    }
}
@media only screen and (max-width: 1601px) and (max-height: 715px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 530px;
    }
    .vote-autumn-theme .middle-group {
        width: 995px;
    }
    .vote-autumn-theme #voteOne {
        left: 89px;
    }
    .vote-autumn-theme #voteTwo {
        right: 87px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 380px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 616px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-100px) translateY(95px) scale(0.66);
                transform: translateX(-100px) translateY(95px) scale(0.66);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-100px) translateY(95px) scale(0.66);
                transform: translateX(-100px) translateY(95px) scale(0.66);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(100px) translateY(95px) scale(0.66);
                transform: translateX(100px) translateY(95px) scale(0.66);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(100px) translateY(95px) scale(0.66);
                transform: translateX(100px) translateY(95px) scale(0.66);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 149px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 149px;
    }
    .vote-autumn-theme #upbarOne {
        left: 336px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 334px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: -1%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: -1%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.3vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.5vw;
    }
}
@media only screen and (max-width: 1380px) and (max-height: 715px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 530px;
    }
    .vote-autumn-theme .middle-group {
        width: 720px;
        top: 276px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 330px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 594px;
        max-width: 190px;
    }
    .vote-autumn-theme #voteOne {
        left: 75px;
    }
    .vote-autumn-theme #voteTwo {
        right: 78px;
    }
    .vote-autumn-theme #dropbarOne {
        left: 66px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 66px;
    }
    .vote-autumn-theme #upbarOne {
        left: 236px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 230px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: -13%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: -13%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.1vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 2.9vw;
    }
}
@media only screen and (max-width: 1025px) and (max-height: 715px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 530px;
    }
    .vote-autumn-theme .middle-group {
        width: 606px;
        top: 360px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 274px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 569px;
        max-width: 160px;
    }
    .vote-autumn-theme #voteOne {
        left: 63px;
    }
    .vote-autumn-theme #voteTwo {
        right: 66px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-80px) translateY(50px) scale(0.68);
                transform: translateX(-80px) translateY(50px) scale(0.68);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-80px) translateY(50px) scale(0.68);
                transform: translateX(-80px) translateY(50px) scale(0.68);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(80px) translateY(50px) scale(0.68);
                transform: translateX(80px) translateY(50px) scale(0.68);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(80px) translateY(50px) scale(0.68);
                transform: translateX(80px) translateY(50px) scale(0.68);
      }
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 55%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 64%; };
    }
    .vote-autumn-theme #upbarOne {
        left: 206px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 206px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: -11%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: -11%;
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-700px);
                transform: translateY(-700px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-700px);
                transform: translateY(-700px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-855px);
                transform: translateY(-855px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-855px);
                transform: translateY(-855px);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 0px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 4vw;
    }
}
@media only screen and (max-width: 776px) and (max-height: 715px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 530px;
    }
    .home .theme-section #theme-stage .theme-big-active {
        display:block;
    }
    .vote-autumn-theme .middle-group {
        width: 434px;
        top: 289px;
        left: 29px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 190px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 528px;
        max-width: 120px;
    }
    .vote-autumn-theme #voteOne {
        left: 43px;
    }
    .vote-autumn-theme #voteTwo {
        right: 46px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(65px) scale(0.85);
                transform: translateX(-70px) translateY(65px) scale(0.85);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(65px) scale(0.85);
                transform: translateX(-70px) translateY(65px) scale(0.85);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(65px) scale(0.85);
                transform: translateX(20px) translateY(65px) scale(0.85);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(65px) scale(0.85);
                transform: translateX(20px) translateY(65px) scale(0.85);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 32px;
        top: 2068px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 91px;
        top: 2068px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 97%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 98%; };
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(550px);
                transform: translateY(550px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(550px);
                transform: translateY(550px);
      }
    }
    @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1140px);
                transform: translateY(-1140px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1140px);
                transform: translateY(-1140px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1148px);
                transform: translateY(-1148px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1148px);
                transform: translateY(-1148px);
      }
    }
    .vote-autumn-theme #upbarOne {
        left: 95px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 154px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: -10%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 3%;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 40px;
        height: 37%
    }
    .vote-autumn-theme #winner-text .topText {
        top: 40px;
        font-size: 60px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 86px;
        font-size: 3.9vw;
    }
    .vote-autumn-theme #winner-text {
        width: 340px;
        height: 119px;
    }
}
@media only screen and (max-width: 601px) and (max-height: 715px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
    .vote-autumn-theme .middle-group {
        left: 0px;
        top:320px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(120px) scale(1);
                transform: translateX(0) translateY(120px) scale(1);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(120px) scale(1);
                transform: translateX(0) translateY(120px) scale(1);
      }
    }
    @-webkit-keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(120px) scale(1);
                transform: translateX(0) translateY(120px) scale(1);
      }
    }
    @keyframes move-over-right {
       0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(120px) scale(1);
                transform: translateX(0) translateY(120px) scale(1);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: 82px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 82px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 81%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 85%; };
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 2%;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: 2%;
    }
    .vote-autumn-theme #upbarTwo {
        right: 137px;
        bottom: -587px;
    }
    .vote-autumn-theme #upbarOne {
        left: 136px;
        bottom: -550px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 137px;
        height: 29%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.6vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 5vw;
    }
}
@media only screen and (max-width: 500px) and (max-height: 715px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
      @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(0.95);
                transform: translateX(0) translateY(85px) scale(0.95);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(0.95);
                transform: translateX(0) translateY(85px) scale(0.95);
      }
    }
    @-webkit-keyframes move-over-right {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(0.95);
                transform: translateX(0) translateY(85px) scale(0.95);
      }
    }
    @keyframes move-over-right {
     0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(0) translateY(85px) scale(0.95);
                transform: translateX(0) translateY(85px) scale(0.95);
      }
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(500px);
                transform: translateY(500px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(500px);
                transform: translateY(500px);
      }
    }
    .vote-autumn-theme #upbarTwo {
        bottom: -567px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 3.1vw;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 5.9vw;
    }
}
@media only screen and (max-width: 480px) and (max-height: 715px) {
     .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 635px;
    }
}
@media only screen and (max-width: 375px) and (max-height: 715px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
}
@media only screen and (max-width: 320px) and (max-height: 715px) {
    .home .theme-section #theme-stage .theme-big-active{
        display:block;
    }
}


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

@media only screen and (max-width: 823px) and (min-width: 776px) and (max-height: 411px) {
   .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 351px;
    }
    .vote-autumn-theme .middle-group {
        top: 456px;
        left: 0px;
        width: 485px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 217px;
    }
    .vote-autumn-theme #voteOne,
    .vote-autumn-theme #voteTwo {
        top: 541px;
        max-width: 130px;
    }
    .vote-autumn-theme #voteOne {
        left: 52px;
    }
    .vote-autumn-theme #voteTwo {
        right: 55px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.6);
                transform: translateX(-50px) translateY(50px) scale(0.6);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(50px) scale(0.6);
                transform: translateX(-50px) translateY(50px) scale(0.6);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.6);
                transform: translateX(50px) translateY(50px) scale(0.6);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(50px) translateY(50px) scale(0.6);
                transform: translateX(50px) translateY(50px) scale(0.6);
      }
    }
    .vote-autumn-theme #dropbarOne,
    .vote-autumn-theme #dropbarTwo,
    .vote-autumn-theme .big-vote,
    .vote-autumn-theme .small-vote {
        width: 180px;
    }
    .vote-autumn-theme #dropbarOne {
        left: 10px;
        top: 1548px;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 10px;
        top: 1548px;
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 104%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 100%; };
    }
    @-webkit-keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1200px);
                transform: translateY(1200px);
      }
    }
    @keyframes float-down {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(1200px);
                transform: translateY(1200px);
      }
    }
    .vote-autumn-theme #upbarOne {
        left: 148px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 149px;
    }
     @-webkit-keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1150px);
                transform: translateY(-1150px);
      }
    }
    @keyframes fill-up-big {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1150px);
                transform: translateY(-1150px);
      }
    }
    @-webkit-keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1158px);
                transform: translateY(-1158px);
      }
    }
    @keyframes fill-up-small {
      0% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
      }
      100% {
        -webkit-transform: translateY(-1158px);
                transform: translateY(-1158px);
      }
    }
    .vote-autumn-theme .bar-win {
        height: 18%;
    }
    .vote-autumn-theme .bar-lose {
        height: 12%;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: -15%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: -16%;
    }
    .vote-autumn-theme #gamewinOne, .vote-autumn-theme #gamewinTwo {
        top: 0px;
        height: 26%;
    }
    .vote-autumn-theme #winner-text .topText {
        top: 40px;
        font-size: 50px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 80px;
        font-size: 3vw;
    }
    .vote-autumn-theme #winner-text {
        width: 280px;
        height: 109px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.5vw;
    }
}


@media only screen and (max-width: 775px) and (min-width: 732px) and (max-height: 411px) {
   .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 453px;
    }
    .vote-autumn-theme .middle-group {
        top: 342px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(45px) scale(0.85);
                transform: translateX(-70px) translateY(45px) scale(0.85);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(45px) scale(0.85);
                transform: translateX(-70px) translateY(45px) scale(0.85);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(45px) scale(0.85);
                transform: translateX(20px) translateY(45px) scale(0.85);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(45px) scale(0.85);
                transform: translateX(20px) translateY(45px) scale(0.85);
      }
    }
    .vote-autumn-theme .bar-win {
        height: 20%;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 0px;
        height: 26%;
    }
    .vote-autumn-theme #winner-text .topText {
        font-size: 50px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 78px;
        font-size: 2.8vw;
    }
    .vote-autumn-theme #winner-text {
        width: 260px;
        height: 106px;
    }
}


@media only screen and (max-width: 812px) and (max-height: 375px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 328px;
    }
    .vote-autumn-theme #upbarOne {
        bottom: -647px;
    }
    .vote-autumn-theme #gamewinOne, .vote-autumn-theme #gamewinTwo {
        height: 23%;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.6vw;
    }
}


@media only screen and (max-width: 667px) and (max-height: 375px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 417px;
    }
    .vote-autumn-theme .middle-group {
        width: 404px;
        top: 371px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 174px;
    }
    .vote-autumn-theme #voteOne, .vote-autumn-theme #voteTwo {
        top: 522px;
        max-width: 110px;
    }
    .vote-autumn-theme #voteOne {
        left: 40px;
    }
    .vote-autumn-theme #voteTwo {
        right: 41px;
    }
     @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(40px) scale(0.85);
                transform: translateX(-50px) translateY(40px) scale(0.85);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-50px) translateY(40px) scale(0.85);
                transform: translateX(-50px) translateY(40px) scale(0.85);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(60px) translateY(40px) scale(0.85);
                transform: translateX(60px) translateY(40px) scale(0.85);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(60px) translateY(40px) scale(0.85);
                transform: translateX(60px) translateY(40px) scale(0.85);
      }
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        top: 0px;
        height: 23%;
    }
    .vote-autumn-theme #winner-text .topText {
        top: 30px;
        font-size: 35px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 59px;
        font-size: 2.6vw;
    }
    .vote-autumn-theme #winner-text {
        width: 209px;
        height: 83px;
        top: 15px;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: -12%;
    }
    .vote-autumn-theme #upbarTwo {
        right: 125px;
    }
    .vote-autumn-theme #upbarOne {
        left: 138px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.3vw;
    }
}


@media only screen and (max-width: 740px) and (max-height: 360px) {
   .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 399px;
    }
    .vote-autumn-theme .middle-group {
        top: 381px;
    }
    @-webkit-keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(38px) scale(0.65);
                transform: translateX(-70px) translateY(38px) scale(0.65);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(38px) scale(0.65);
                transform: translateX(-70px) translateY(38px) scale(0.65);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(38px) scale(0.65);
                transform: translateX(20px) translateY(38px) scale(0.65);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(38px) scale(0.65);
                transform: translateX(20px) translateY(38px) scale(0.65);
      }
    }
    @keyframes animatedbgBig {
	    to { background-position: 0% 102%; };
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 90%; };
    }
    .vote-autumn-theme #upbarTwo {
        bottom: -655px;
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        height: 22%;
    }
    .vote-autumn-theme #winner-text .topText {
        font-size: 35px;
        top: 30px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        top: 60px;
        font-size: 2.3vw;
    }
    .vote-autumn-theme #winner-text {
        width: 210px;
        height: 85px;
        top: 10px;
    }
    .vote-autumn-theme #upbarOne {
        left: 115px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 174px;
    }
    .vote-autumn-theme #upbarOne p,
    .vote-autumn-theme #upbarTwo p {
        font-size: 2.1vw;
    }
}


@media only screen and (max-width: 568px) and (max-height: 320px) {
    .vote-autumn-theme .scroll-panel.theme-section {
        min-height: 374px;
    }
    .vote-autumn-theme .middle-group {
        top: 425px;
        left: 61px;
        width: 380px;
    }
    .vote-autumn-theme #gameOne,
    .vote-autumn-theme #gameTwo {
        max-width: 164px;
    }
    #voteOne, .vote-autumn-theme #voteTwo {
        top: 516px;
    }
    .vote-autumn-theme #voteOne {
        left: 35px;
    }
    .vote-autumn-theme #voteTwo {
        right: 37px;
    }
    @-webkit-keyframes move-over-left {
    0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(55px) scale(0.65);
                transform: translateX(-70px) translateY(55px) scale(0.65);
      }
    }
    @keyframes move-over-left {
      0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(-70px) translateY(55px) scale(0.65);
                transform: translateX(-70px) translateY(55px) scale(0.65);
      }
    }
    @-webkit-keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(55px) scale(0.65);
                transform: translateX(20px) translateY(55px) scale(0.65);
      }
    }
    @keyframes move-over-right {
        0% {
        -webkit-transform: translateX(0) translateY(0) scale(1);
                transform: translateX(0) translateY(0) scale(1);
      }
      100% {
        -webkit-transform: translateX(20px) translateY(55px) scale(0.65);
                transform: translateX(20px) translateY(55px) scale(0.65);
      }
    }
    .vote-autumn-theme #dropbarOne {
        left: -16%;
    }
    .vote-autumn-theme #dropbarTwo {
        right: 108px;
    }
    .vote-autumn-theme #upbarOne {
        left: 72px;
    }
    .vote-autumn-theme #upbarTwo {
        right: 160px;
        bottom: -657px;
    }
    .vote-autumn-theme #dropbarOne.shift-left {
        left: -25%;
    }
    .vote-autumn-theme #dropbarTwo.shift-right {
        right: 7%;
    }
    @keyframes animatedbgSmall {
        to { background-position: 0% 94%; };
    }
    .vote-autumn-theme #gamewinOne,
    .vote-autumn-theme #gamewinTwo {
        height: 24%;
    }
    .vote-autumn-theme #winner-text {
        left: -3px;
    }
    .vote-autumn-theme #winner-text .bottomText {
        font-size: 3.2vw;
    }
}