/* przeznaczenie: logowanie klienta i wszystkie zakładki z nim związane */

label:not([for]) {
	font-size: .75rem;
	display: block;
	text-align: left;
	line-height: 1.25rem;
}

.center-text { 
	text-align: center 
}

/* tak samo jak w sklepiku */
#logo {
	max-height: 5rem;
	max-width: 15rem;	
}

/* login */
#login-page-content {
	display: flex;
	width: fit-content;
	margin: 0 auto;
	flex-wrap: nowrap;
}

#login-page-content > div {
	padding: 2rem;
}

#login-page-content > .col-left {
	border-right: 2px solid #aaa;
}

/* resetowanie hasła */
#pass-recovery-page-content {
	padding-top: 3rem;
}

#pass-recovery-page-content #logo {
	margin-bottom: 2rem;
}

@media only screen 
	and (max-width: 780px) 
	/* and (orientation: portrait)  */
{
	#login-page-content {
		flex-wrap: wrap;
	}		
	
	#login-page-content > div {
    padding: 1rem;
		width: 100%;
	}

	#login-page-content > .col-left {
    border-right: none;
		border-bottom: 2px solid #aaa;
	}	
}