body{
  overflow-x: hidden;
}
.header{
    max-width: 94%;
    height: 30px;
    border: 3px solid #FFE18C;
    margin: 20px auto;
    border-radius: 10px;	
}

.login_extra{
    display: flex;             /* aktivuje flexbox */
    justify-content: center;   /* centrovanie vodorovne */
    align-items: center;       /* centrovanie zvisle */
    
    height: 540px;             /* výška kontajnera */
    border: 2px solid #ccc;    /* pre vizualizáciu */
}

.login_intro{
    text-align: center;
    display: flex;
    flex-direction: column;     /* aby boli inputy a h2 pod sebou */
    justify-content: center;   
    width: 200px;
    height: 150px;
    border-bottom: 2px solid #8BADFC;
    margin: 20px auto;
    padding: 12px;
}



.login_intro_dashboard{
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 300px;
    height: 500px;
    border-bottom: 4px solid #8BADFC;
    border-radius: 2px;
    margin: 20px auto;
    padding: 18px;
    font-size: 16px;
}
/* pre mobilne zariadenie */


@media (max-width: 400px){
body{
  overflow-x: hidden;
}
.header{
    max-width: 94%;
    height: 45px;
    border: 3px solid #FFE18C;
    margin: 20px auto;
    border-radius: 10px;
    /*background-color: green;*/
}

.login_extra{
    max-width: 100%;
    display: flex;             
    justify-content: center;   
    align-items: center;       

    height: 460px;             
    border: 2px solid #ccc;   
}

.login_intro{
    display: flex;
    flex-direction: column;     
    justify-content: center;
    width: 200px;
    height: 150px;
    border-bottom: 4px solid #8BADFC;
    border-radius: 2px;
    margin: 20px auto;
    padding: 14px;
    font-size: 20px;
}	
.login_intro_dashboard{
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;     
    justify-content: center;
    width: 200px;
    height: 440px;
    border-bottom: 4px solid #8BADFC;
    border-radius: 2px;
    margin: 20px auto;
    padding: 6px;
    font-size: 16px;
}

}