.show-login-as-guest {
    margin-left: -350px;
    width: 1500px;
}
@media screen and (min-width: 1000px){
    .notice {
        margin-right: 20px;
        padding-bottom: 15px;
        padding-right: 100px;
    }
}
.guest-data {
    display: table;
    padding-top: 20px;
}
    .guest-data > div {
        vertical-align: middle !important;
        display: table-cell;
        height: 260px;
    }
        .guest-data > div > button {
            align-items: center;
            margin-top: 25px;
        }

@media screen and (max-width: 1200px) {
    .show-login-as-guest {
        margin-left: -200px;
        width: 1000px;
        margin-right: 10px;
        padding-bottom: 10px;
    }

    .guest-data > div {
        height: auto;
    }
}

@media screen and (max-width: 992px) {
    .show-login-as-guest {
        margin-left: 15px;
        width: 700px;
        margin-right: 10px;
    }

        .guest-data > div {
            height: auto;
        }
}

@media screen and (max-width: 700px) {
    .show-login-as-guest {
        margin-left: 15px;
        width: 600px;
        margin-right: 10px;
    }
}


@media screen and (max-width: 500px) {
    .show-login-as-guest {
        margin-left: 15px;
        width: 300px;
        margin-right: 10px;
    }
    .guest-data {
        padding-top: 0px;
    }
}