.banner {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 20px;
	opacity: 1;
	transition: opacity 0.25s, left 0.25s;
	left: 0px;
}
.banner.alone {
	opacity: 0.7;
	transition-timing-function: ease-in-out;
}
.logo {
	position: relative;
}
@media only screen and (max-width: 600px) { /* Mobile Phones */
	.banner {
		height: 35px;
		gap: 40px;
	}
	.bannerLogin{
		position: relative;
		height: 120px;
	}
	.bannerHome {
		position: absolute;
		width: 250px;
		background-color: white;
		z-index: 2;
		border-bottom-right-radius: 8px;
	}
	.banner.alone {
		left: -160px;
	}
	.transitSystem {
		height: 25px;
	}
	.ontrack {
		height: 30px;
	}
	.logoLogin {
		margin-top: 40px;
		height: 100px;
	}
}
@media only screen and (min-width: 600px) { /* Desktop */
	.banner {
		height: 75px;
	}
	.bannerLogin{
		position: relative;
		height: 120px;
	}
	.bannerHome {
		position: absolute;
		width: 250px;
		background-color: white;
		z-index: 2;
		border-bottom-right-radius: 8px;
	}
	.transitSystem {
		height: 45px;
		padding-bottom: 10px;
	}
	.ontrack {
		height: 35px;
		padding-bottom: 10px;
	}
	.logoLogin {
		margin-top: 40px;
		height: 100px;
	}
}