#LoginGrid {
    grid-template-columns: 100%;
}
.TangoLogo {
    max-width: 20rem;
    width: 50vw;
}
.itemTangoLogo {
    grid-column: 1;
    grid-row: 1;
    text-align: center;
    font-size: 1.5rem;
}
.itemHeader {
    grid-column: 1;
    grid-row: 2;
    text-align: center;
    font-size: 1.1rem;
}

.LG_txt_Mail {
    padding-top: 1.2rem;
    grid-column: 1;
    grid-row: 3;
}
.LG_Mail {
    grid-column: 1;
    grid-row: 4;
}

.LG_txt_PWD {
    grid-column: 1;
    grid-row: 5;
}
.LG_PWD {
    grid-column: 1;
    grid-row: 6;
}

.LG_Login {
    grid-column: 1;
    grid-row: 7;
}
.LG_NewPWD {
    grid-column: 1;
    grid-row: 8;
}
.LG_Register {
    grid-column: 1;
    grid-row: 9;
}
.itemMessage {
    grid-column: 1;
    grid-row: 10;
}

@media screen and (min-width: 600px) {
    .standardButton {
        text-align: center;
        width: 80%;
        max-width: 30rem;
        background-color: var(--main-btt-color);
        color: var(--main-fnt-color);
        border: var(--main-btt-fr-color);
        border-style: solid;
        border-width: 0.1em;
    }
    .standardButtonDeact {
        text-align: center;
        width: 80%;
        max-width: 30rem;
        background-color: var(--main-btt-ia-color);
        color: var(--main-btt-fnt-ia-color);
        border: var(--main-btt-fr-ia-color);
        border-style: solid;
        border-width: 0.1em;
    }    
    #LoginGrid {
        grid-template-columns: 30% 70%;
    }
    .itemTangoLogo {
        grid-column: 1 / 3;
        grid-row: 1;
        text-align: center;
        font-size: 1.5rem;
    }
    .itemHeader {
        grid-column: 1 / 3;
        grid-row: 2;
        text-align: center;
        font-size: 1.5rem;
    }
    
    .LG_txt_Mail {
        padding-top: 2rem;
        grid-column: 1;
        grid-row: 3;
    }
    .LG_Mail {
         padding-top: 2rem;
        grid-column: 2;
        grid-row: 3;
    }
    
    .LG_txt_PWD {
        grid-column: 1;
        grid-row: 4;
    }
    .LG_PWD {
        grid-column: 2;
        grid-row: 4;
    }
    
    .LG_Login {
        grid-column: 2;
        grid-row: 5;
    }
    .LG_NewPWD {
        grid-column: 2;
        grid-row: 6;
    }
    .LG_Register {
        grid-column: 2;
        grid-row: 7;
    }  
    .itemMessage {
        grid-column: 1 / 3;
        grid-row: 8;
    }      
}