header {
	width: 100%;
	background-color: rgb(51, 62, 72);
	color: #fff !important;
	font-family: 'Nexa-Regular';
	min-height: 62px;
	max-height: 62px;
	overflow: hidden;
}

header a {
	color: #fff;
	text-decoration: underline;
}

header .row {
	/* margin: 1rem 0; */
	/* padding: 0.25rem 0; */
	align-items: center;
}

header .msd-logo {
	display: block;
	border: solid 1px #6d757c;
	border-top: none;
	border-bottom: none;
	padding: 12px;
}

header .msd-logo img {
	/*width: 55%;*/
	display: block;
	margin: 0 auto;
}

header .msd-uk-link {
	display: block;
	text-align: center;
	text-decoration: none;
	border: solid 1px #6d757c;
	border-top: none;
	border-bottom: none;
	padding: 20px 0;
	margin: 0;
	
	display: flex;
    align-items: center;      /* vertical center */
    justify-content: center;  /* horizontal center */
    text-align: center;
}

header .banner-text {
    font-family: 'Nexa-Bold';
    padding: 5px 20px;
    margin: 0;
    width: 100%;
    height: 62px;

    display: flex;
    align-items: center;
    
    text-align: center;
}

@media only screen and (max-width:768px) {
	header .msd-logo img {
		width: 100%;
	}

	.banner-text {
		font-size: 0.95rem;
	}

	.msd-uk-link {
		font-size: 0.95rem;
	}

	.page-navigation {
		font-size: 1rem;
		margin-left: 1rem;
	}
}

@media only screen and (max-width:540px) {
	header {
		/*min-height: 84px*/;
		max-height: 84px;
	}

	header .content-container {
		display: flex;
		width: 100%;
	}

	header .row {
		flex: 1;

	}

	header .msd-logo {
		border: none;
		padding: 0.25rem 0.25rem;
		position: relative;
		top: 15px;
	}

	header .msd-logo img {
		width: 60%;
	}

	header .banner-text {
		width: 100%;
		padding: 0rem 0.25rem;
		/*margin: 0.5rem 0;*/

		font-size: 12px;
		line-height: 1rem;

		border-left: solid 1px #6d757c;
	}

	header .msd-uk-link {
		font-size: 12px;
		padding: 0.25rem 0 0 0;
		border: none;
		text-align: left;
	}
}

@media only screen and (max-width:360px) {
	header {
		min-height: 95px;
		max-height: 95px;
	}

	header .msd-logo {
		top: 20px;
		border: none;
	}

	header .banner-text {
		margin: 0.25rem 0;
	}
}