#start-screen {
    width          : 100vw;
    height         : 100vh;
    background     : url(images/StartScreen-Background-Mobile.gif) no-repeat scroll center center transparent;
    background-size: cover;
    position       : relative;
    z-index        : 9;
    overflow       : hidden;
}

.aries-start-logo {
    background     : url("images/Intro-Animation_Mobile.gif") no-repeat scroll center 0 transparent;
    width          : 80vw;
    height         : 51vh;
    background-size: contain;
    margin         : 3vw auto 0;
    position       : relative;
}

@media only all and (max-width: 767px) {
    body .start-racing {
        bottom: 0;
    }
}

@media only all and (max-width: 350px) {
    body .start-racing {
        bottom: -21px;
    }
}

@media only all and (min-width: 350px) and (max-width: 450px) and (orientation:portrait) {
    body .aries-start-logo {
        height: 379px;
        width: 331px;
    }

    body .start-racing {
        bottom: 0;
    }
}

.start-racing {
    width          : 24vw;
    height         : 4vw;
    min-width      : 280px;
    min-height     : 80px;
    font-size      : 15px;
    text-transform : uppercase;
    line-height    : 24px;
    border         : 4px solid #00a8ff;
    background     : url(images/button-bg.jpg) no-repeat scroll center center transparent;
    border-radius  : 6vw;
    text-align     : center;
    position       : absolute;
    top            : auto;
    left           : 50%;
    font-family    : 'pkmn_rbygscregular';
    bottom         : 20vw;
    font-size      : calc(16px + 6 * ((100vw - 320px) / 680));
    background-size: 100% auto;
    transform      : translate3d(-50%, 0%, 0);
    cursor         : pointer;
    color          : #000;
    padding        : 3.5vw 3vw 3vw;
    box-sizing     : border-box;
}

@media only all and (min-width: 1024px) and (max-height: 1366px) and (orientation:portrait) {
    body .aries-start-logo {
        margin: 34.4vw auto 0;
        height: 36vh;
    }

    body .start-racing {
        line-height  : 26px;
        padding      : 1.4vw 2vw;
        border-radius: 3vw;
        bottom       : 0;
    }
}

@media only all and (min-width: 1024px) and (max-width: 1366px) and (max-height: 1024px) and (orientation:landscape) {

    body .start-racing {
        line-height  : 24px;
        padding      : 1.1vw 2vw;
        border-radius: 2vw;
        bottom       : 0;

    }
}

@media only all and (min-width: 1300px) and (max-width: 1366px) and (max-height: 1024px) and (orientation:landscape) {

    body .start-racing {
        padding      : 1.1vw 1vw;
        border-radius: 2vw;
		bottom: -38px;
		min-height: 60px;
    }
}

@media only all and (min-width: 1024px) {
    #start-screen {
        width          : 100vw;
        height         : 100vh;
        background     : url(images/StartScreen-Background-Desktop.gif) no-repeat scroll center center transparent;
        background-size: cover;
        position       : relative;
        z-index        : 9;
        overflow       : hidden;
    }

    .aries-start-logo {
        background     : url(images/Intro-Animation_Desktop.gif) no-repeat scroll center 0 transparent;
        width          : 82vw;
        height         : 63vh;
        background-size: contain;
        margin         : 0.4vw auto 0;
        position       : relative;
    }

    .start-racing {
        width          : 25vw;
        height         : 4vw;
        min-width      : 320px;
        min-height     : 80px;
        font-size      : 15px;
        text-transform : uppercase;
        line-height    : 76px;
        border         : 4px solid #00a8ff;
        background     : url(images/button-bg.jpg) no-repeat scroll center center transparent;
        border-radius  : 2vw;
        text-align     : center;
        position       : absolute;
        top            : auto;
        left           : 50%;
        font-family    : 'pkmn_rbygscregular';
        bottom         : -46px;
        font-size      : calc(7px + 6 * ((86vw - 320px) / 680));
        background-size: 100% auto;
        transform      : translate3d(-50%, 0%, 0);
        cursor         : pointer;
        font-weight    : bold;
        box-sizing     : border-box;
        padding        : 0;
    }
}

.start-racing:hover {
    text-decoration: underline;
}

@media only all and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
    .start-racing {

        border-radius: 3vw;
        padding      : 1.6vw 2vw;
        font-size    : calc(12px + 6 * ((100vw - 320px) / 680));
        bottom       : -67px;
    }
}

@media only all and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {

    .start-racing {
        bottom   : -25px;
        font-size: calc(7px + 6 * ((100vw - 320px) / 680));
    }
}

@media only all and (max-width: 1024px) {
    .am.btn {
        display: none !important;
    }
}