body {
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    background: url('../img/home-bg.png');
    -ms-background-size: cover;
    background-size: cover;
    -ms-background-position: center center;
    background-position: center center;
    -ms-background-repeat: cover;
    background-repeat: repeat;
}

.alert-large {
    z-index: 9999;
    position: absolute;
    top: 10%;
    left: 10%;
    right: 10%;
    margin: auto;
    width: 80%;
}

.alert-small {
    margin: auto;
    width: 80%;
}

.main-container { height: calc(100vh - 87.75px); }

h1 { font-size: 60px; }

.large-text-container {
    display: none;
    text-align: center;
}

.small-text-container {
    display: block;
    text-align: center;
    top: 10%;
}

.btn {
    background: #be4b5a;
    border: #be4b5a;
    color: #fff !important;
}

.btn:hover, .btn:active, .btn:focus { background: #6f2d31 !important; }


.content-container {
    z-index: 3;
    position: absolute;
    top: 30%;
    left: 25%;
}

.left-container {
    height: 100%;
    background: #f5f5f5;
    z-index: 2;
}

.triangle-right {
    width: 0;
    height: 0;
    padding: 0;
    border-top-width: calc(50vh - 43.875px);
    border-top-style: solid;
    border-top-color: transparent;
    border-left: 45vh solid #f5f5f5;
    border-bottom-width: calc(50vh - 43.875px);
    border-bottom-style: solid;
    border-bottom-color: transparent;
}

.login-header {
    max-width: 80%;
    margin: auto;
}

@media (min-width: 1200px) {
    .login-header { max-width: none; }
}


@media (min-width: 768px) {
    body {
        height: 100vh;
        background: url('../img/home-bg.png');
        -ms-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -ms-background-repeat: cover;
        background-repeat: repeat;
    }

    .large-text-container { display: block; }

    .small-text-container { display: none; }
}