:root {
	/* ---------------------------------------
	 DEFAULT MCP THEME, DO NOT MODIFY
	---------------------------------------  */

	/*  Primary Theme & Brand Colors  */
	--PrimaryBrand80:  				#394b6e;
    --PrimaryBrand60: 				#6a7892;
    --PrimaryBrand40: 				#cdd2db;
	--SuperPrimaryButtonBg_Hover: 	#005c7a;
	--TertiaryButtonBg_Hover: 		#a0aab1;
	--ErrorNotificationBg_Light:    #f8cdca;
}

.logo-container {
	display: flex;
	align-items: top;
	justify-content: left;
	background-color: var(--PrimaryBrand40);
	margin-top: 15px
}
	.body {
		justify-content: start;
		margin-top: 18vh;
	}
	.header {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			color: var(--PrimaryBrand40);
			font-size: 3vh;
			font-weight: bold;
			text-align: center;
	}

	.logo-container-new {
		background-repeat: no-repeat;
		background-position: center;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 30px;
	}

	.vertical-img {
		top: 2%;
		height: 13vh;
	}

	.square-img {
		top: 2%;
		height: 13vh;
	}
	.horizontal-img {
		top: 2%;
		height: 13vh;
	}

.logo-container  div {
	width: 200px;
	height: 150px;
	background-color: var(--PrimaryBrand40);
}
.Header-row {
	position: fixed;
	background-color: var(--PrimaryBrand);
	width: 100%;
	height: 30px;	
}
@media only screen and (max-width: 768px) and (min-width: 577px) {

	.body {
		margin-top: 16vh;
		justify-content: start;
	}
	.header {
		height: 50px;
		margin-top: 20px;
		padding: 0 5%;
		margin-bottom: 2px;
	}

	.logo-container {
		top: 4%;
		left: 0;
		right: 0;
		width: 100%;
		height: 12vh;
	}

	.logo-container.multi_factor-enabled {
		position: initial;
	}

	.vertical-img {
		top: 2%;
		height: 13vh;
	}

	.square-img {
		top: 2%;
		height: 13vh;
	}
	.horizontal-img {
		top: 2%;
		height: 13vh;
	}

	.header-desc {
		padding-right: 5px;
		padding-left: 5px;
	}
	.pic {
		width: 370px;
		height: 330px;
		margin: 6vh 0;
	}

	.brand-logo {
		position: relative;
		top: 5%;
		left: 0.4rem;
		max-width: 100%;
		max-height: 100%;
	}
}