html, body {
    font-size: 16px;
    line-height: 1.2rem;
}





div.animationContainer .element.loginImage1 {
    background-image:url('/img/loginImage1_mobile.jpg');
}
div.animationContainer .element.loginImage2 {
    background-image:url('/img/loginImage2_mobile.jpg');
}
div.animationContainer .element.loginImage3 {
    background-image:url('/img/loginImage3_mobile.jpg');
}
div.animationContainer .element.loginImage4 {
    background-image:url('/img/loginImage4_mobile.jpg');
}
div.animationContainer .element.loginImage5l {
    background-image:url('/img/loginImage5_mobile.jpg');
}
div.animationContainer .element.loginImage6 {
    background-image:url('/img/loginImage6_mobile.jpg');
}




div.showLoginContainer {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    animation: unset;
    justify-content: center;
    align-items: center;
    z-index: 39;
}


div.loginContainer > .content {
    width: 80%;
    max-width: 25rem;
}

@media all and (orientation:portrait) {

    div.contentContainer {
        width: 100%;
        padding: 0;
    }

    div.contentContainer .content {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    div.contentContainer .section {
        flex-direction: column;
    }
    div.contentContainer .section > div.photoContainer {
        order: 1;
        padding-bottom: 0;
    }
    div.contentContainer .section > div.textContainer {
        order: 2;
        padding-top: 0;
    }

    div.contentContainer .section > div.photoContainer .photo {
        height: 10rem;
        width: 100%;
    }

    div.contentContainer .section > div.textContainer div {
        width: 100%;
    }
    div.contentContainer .section > div:first-of-type.textContainer p {
        text-align: left;
    }

}

@media all and (orientation:landscape) {

    div.contentContainer .content {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    div.contentContainer .section > div.photoContainer .photo {
        width: 90%;
    }

    div.contentContainer .section > div.textContainer div {
        width: 90%;
    }

}