body {
    background-color: #e3e3e3;
}

.guest-container {
    background: #e3e3e3 no-repeat top center url('/assets/img/Start-Up-Page-Mobile.png');
    background-size: contain;

    width: 100vw;
    height: 177vw;
}

#auth-logo img, #auth-button img {
    max-width: 100%;
}

#auth-logo {
    width: 40%;
    text-align: center;
    position: absolute;
    top: 8%;
    left: 30%;
}

#auth-button {
    width: 30%;
    position: absolute;
    top: 74%;
    right: 20%;
}

#strava-brand {
    position: absolute;
    text-align: center;
    bottom: 5%;
    width: 100%;
}

#strava-brand img {
    width: 30%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .guest-container {
        background: #e3e3e3 no-repeat top center url('/assets/img/Start-Up-Page-Desktop.jpg');
        background-size: contain;
        height: 100vh;
        width: 177.78vh;
        margin: 0 auto;
        position: relative;
    }

    #auth-logo img, #auth-button img {
        width: 100%;
    }

    #auth-logo {
        width: 18%;
        top: 20%;
        left: 9%;
    }

    #auth-button {
        width: 18%;
        top: 33%;
        left: 9%;
    }

    #strava-brand {
        left: 0;
        bottom: 0;
        text-align: right;
        top: 49vw;
    }

    #strava-brand img {
        width: 10%;
        margin-right: 3%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    
}