body {
    background-color: white;
}

.item-banner {
    grid-area: banner;
    background-color: white;
}

    .item-banner img {
        object-fit: cover;
        height: 100%;
        max-height: 80vh;
        width: 100%;
    }

.item-form {
    grid-area: form;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/backpattern.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 1);
}

.login-body {
    display: grid;
    width: 100%;
    height: 100vh;
    /* row-gap: 5px; */
    /* column-gap: 5px; */
    grid-template-columns: 5fr 2fr;
    grid-template-rows: 3fr 1fr;
    grid-template-areas:
        "banner form"
        "logos form";
}

.item-logos {
    background-color: white;
    grid-area: logos;
    width: 100%;
    height: 100%;
    max-height: 20vh;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-self: center;
}

    .item-logos img {
        width: 80px;
    }

    .item-logos .zadiplogo {
        width: 200px !important;
    }

@media (max-width: 992px) {
    .item-banner,
    .item-logos {
        display: none;
    }

    .login-body {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: "form";
    }
}

.page-logo {
    max-width: 200px;
    max-height: 200px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px !important;
}

#imgLogo,
#ContentPlaceHolder1_imgLogo {
    max-height: 200px !important;
}

.page-logo img {
    width: 100%;
    height: 100%;
}

.imagebutton img {
    transition: all 350ms ease-in-out;
}

.imagebutton:hover img {
    transform: scale(1.2);
}

.storebutton img {
    transition: all 350ms ease-in-out;
}

.storebutton:nth-of-type(2):hover img {
    transform: rotateZ(-10deg);
}

.storebutton:hover img {
    transform: rotateZ(10deg);
}

.storebuttonsgroup {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    padding: 10px 10px 20px;
}

.text-align-center {
    text-align: justify;
    text-align-last: center;
}

.nochrome {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
}