.dsd-externalhome {
	height: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

	.dsd-externalhome .dsd-brand-area {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
		.dsd-externalhome .dsd-brand-area .dsd-container {
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap: 0;
		}

		.dsd-externalhome .dsd-brand-area .dsd-company-logo {
			max-width: 300px;
			width: calc(100% - 40px);
			margin: auto;
		}

		.dsd-externalhome .dsd-brand-area .dsd-title {
			font-size: 3rem;
			text-align: center;
		}

		.dsd-externalhome .dsd-brand-area .dsd-brand-image {
			text-align: center;
			margin-top: 2rem;
		}

		.dsd-externalhome .dsd-brand-area .dsd-login-button {
			text-align: center;
			margin-top: 3rem;
		}

		.dsd-externalhome .dsd-brand-area .dsd-login-button a {
			color: inherit;
		}

@media screen and (max-width:768px) {
	.dsd-externalhome .dsd-brand-area .dsd-title {
		font-size: 2.4rem;
	}
}
@media screen and (max-width:400px) {
	.dsd-externalhome .dsd-brand-area .dsd-title {
		font-size: 2rem;
	}
}

@media screen and (max-height:500px) {
	.dsd-externalhome .dsd-brand-area {
		flex-direction: row;
		gap: 4rem;
		justify-content: center;
	}
		.dsd-externalhome .dsd-brand-area .dsd-company-logo {
			margin: 0;
		}
		.dsd-externalhome .dsd-brand-area .dsd-login-button {
			margin: auto 0 0 0;
		}
}