@charset "UTF-8";
/*
	use pd- prefix to avoid conflicts with 3rd party libraries 
	that use generic variable names, like Bootstrap and Kendo's
	$border-radius, etc
*/
/* 
	Roboto is our app style
	If that's not available...

	-apple-system targets San Francisco in Safari (on Mac OS X and iOS), 
	and it targets Neue Helvetica and Lucida Grande on older versions of Mac OS X. 
	It properly selects between San Francisco Text and San Francisco Display
	depending on the text’s size.

	system-ui represents the default UI font on a given platform.

	BlinkMacSystemFont is the equivalent for Chrome on Mac OS X.

	Segoe UI targets Windows and Windows Phone.

	Roboto targets Android and newer Chrome OS. 
	It is deliberately listed after Segoe UI so that if you’re an 
	Android developer on Windows and have Roboto installed, 
	Segoe UI will be used instead.
*/
/* stylelint-disable */
/* stylelint-enable */
/*Kendo Variables - Overrides values of Default Theme*/
.row__outer {
    display: flex;
    justify-content: center;
}
.row__outer--brand-bar {
	background: #E5E5E5;
	border-bottom: #008FD5 solid 5px !important;
}

.brand-bar__welcome {
	display: flex;
	align-items: center;
}

.brand-bar__icon-wrapper {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: -1px;
	margin: 0 0.75rem 0 0.35rem;
}

.brand-bar__icon-wrapper path {
	fill: #191919;
}

.brand-bar__icon-wrapper:hover path {
	fill: #4D4D4D;
}

.icon--brand-bar-home {
	width: 1.3rem;
	z-index: 2;
	color: inherit;
}

.welcome__text {
	font-weight: 400;
	letter-spacing: 0.03em;
	color: #191919;
	user-select: none;
}

.link--welcome {
	display: flex;
	position: relative;
	top: 2px;
	margin: 0.65rem 0;
	color: #323232;
	text-decoration: none;
}

.link--welcome:hover {
	color: #323232;
	text-decoration: none;
}

.brand-bar__nav {
	display: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 768px) {
	.brand-bar__nav {
		display: inline-flex;
		justify-content: flex-end;
		flex-basis: auto;
		flex-grow: 1;
	}
}

.link--department {
	display: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 525px) {
	.link--department {
		display: none;
		position: relative;
		top: 2px;
		margin: 0.65rem 0;
		color: #323232;
		font-size: 0.92308rem;
		font-weight: 400;
		letter-spacing: 0.03rem;
		user-select: none;
	}
}

.link--department:hover {
	color: #323232;
	text-decoration: none;
}

.row__outer--header-bar {
	background-color: white;
}

.row__inner--header-bar {
	height: auto;
	min-height: 50px;
	/*padding: 1.25rem 0;*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

.header-bar__logo {
	display: flex;
}

.header-bar__logo a:hover {
	text-decoration: none;
}

.logo_wrapper {
	display: flex;
	flex-direction: row;
	position: relative;
	align-items: center;
  /*border-right:1px solid $gray-700;*/;
}

.logo_wrapper::after {
	content: "";
	position: absolute;
	background-color: #B2B2B2;
	width: 1px;
	height: 90%;
	top: 0.1rem;
	right: 0px;
}

.logo__image-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 0;
	text-decoration: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__image-wrapper {
		margin-top: -0.2rem;
		flex-direction: column;
	}
}

@media only screen and (min-width: 400px) {
	.logo__image-wrapper {
		margin-top: -0.2rem;
		flex-direction: column;
	}
}

@media only screen and (min-width: 525px) {
	.logo__image-wrapper {
		margin-top: -0.2rem;
		flex-direction: column;
	}
}

@media only screen and (min-width: 768px) {
	.logo__image-wrapper {
		margin-top: 0;
		flex-direction: row;
	}
}

@media only screen and (min-width: 992px) {
	.logo__image-wrapper {
		margin-top: 0;
		flex-direction: row;
	}
}

@media only screen and (min-width: 1200px) {
	.logo__image-wrapper {
		margin-top: 0;
		flex-direction: row;
	}
}

@media only screen and (min-width: 1600px) {
	.logo__image-wrapper {
		margin-top: 0;
		flex-direction: row;
	}
}

.logo__image {
	width: 30px;
	height: 100%;
	user-select: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 525px) {
	.logo__image {
		width: 30px;
	}
}

@media only screen and (min-width: 768px) {
	.logo__image {
		width: 60px;
	}
}

@media only screen and (min-width: 992px) {
	.logo__image {
		width: 55px;
	}
}

.logo__text-wrapper {
	display: flex;
	align-items: center;
	flex-direction: row;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__text-wrapper {
		flex-direction: column;
	}
}

@media only screen and (min-width: 400px) {
	.logo__text-wrapper {
		flex-direction: column;
	}
}

@media only screen and (min-width: 525px) {
	.logo__text-wrapper {
		flex-direction: column;
	}
}

@media only screen and (min-width: 768px) {
	.logo__text-wrapper {
		flex-direction: row;
	}
}

.logo__text--un {
	display: inline-flex;
	color: #191919;
	align-items: center;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0.01rem;
	user-select: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__text--un {
		padding: 0 0.5rem;
		font-size: 0.92308rem;
		max-width: 4.3rem;
		line-height: 0.8rem;
		margin: 0.1rem 0 0 0.2rem;
	}
}

@media only screen and (min-width: 400px) {
	.logo__text--un {
		padding: 0 0.5rem;
		font-size: 0.92308rem;
		max-width: 4.3rem;
		line-height: 0.8rem;
		margin: 0.1rem 0 0 0.2rem;
	}
}

@media only screen and (min-width: 525px) {
	.logo__text--un {
		padding: 0 1rem;
		font-size: 0.92308rem;
		max-width: 5rem;
		line-height: 0.8rem;
		margin: 0.1rem 0 0 0.2rem;
	}
}

@media only screen and (min-width: 768px) {
	.logo__text--un {
		padding: 0 1rem;
		font-size: 2rem;
		max-width: 9rem;
		line-height: 1.7rem;
		margin: 0;
	}
}

.logo__sub-text-department-wrapper {
	align-self: flex-start;
	margin-top: 0rem;
	margin-left: 1rem;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__sub-text-department-wrapper {
		display: flex;
		margin-left: 0.5rem;
	}
}

@media only screen and (min-width: 400px) {
	.logo__sub-text-department-wrapper {
		display: flex;
		margin-left: 0.5rem;
	}
}

@media only screen and (min-width: 525px) {
	.logo__sub-text-department-wrapper {
		display: flex;
		margin-left: 1rem;
	}
}

@media only screen and (min-width: 768px) {
	.logo__sub-text-department-wrapper {
		display: block;
		margin-left: 1rem;
	}
}

@media only screen and (min-width: 992px) {
	.logo__sub-text-department-wrapper {
		display: block;
		margin-left: 1rem;
	}
}

.logo__sub-text-wrapper {
	margin-left: 1rem;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__sub-text-wrapper {
		margin-left: 0.5rem;
	}
}

@media only screen and (min-width: 400px) {
	.logo__sub-text-wrapper {
		margin-left: 0.5rem;
	}
}

@media only screen and (min-width: 525px) {
	.logo__sub-text-wrapper {
		margin-left: 1rem;
	}
}

@media only screen and (min-width: 768px) {
	.logo__sub-text-wrapper {
		margin-left: 1rem;
	}
}

.logo__sub-text--department {
	display: inline;
	color: #4D4D4D;
	line-height: 1;
	user-select: none;
	font-size: 1.69231rem;
	font-weight: 500;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__sub-text--department {
		font-size: 1.5rem;
		line-height: 1.2;
	}
}

@media only screen and (min-width: 400px) {
	.logo__sub-text--department {
		font-size: 1.8rem;
		line-height: 1.2;
	}
}

@media only screen and (min-width: 525px) {
    .logo__sub-text--department {
        font-size: 2rem;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 768px) {
    .logo__sub-text--department {
        font-size: 2.2rem;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 992px) {
	.logo__sub-text--department {
		font-size: 2.4rem;
		line-height: 1;
	}
}



@media only screen and (min-width: 0) {
    .footer__copyright {
        font-size: 0.6rem;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 400px) {
    .footer__copyright {
        font-size: 0.8rem;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 525px) {
    .footer__copyright {
        font-size: 1rem;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 768px) {
    .footer__copyright {
        font-size: 1.2rem;
        line-height: 1.2;
    }
}

@media only screen and (min-width: 992px) {
    .footer__copyright {
        font-size: 1.5rem;
        line-height: 1;
    }
}


.logo__sub-text--department-name {
	font-size: 1.53846rem;
	color: #999999;
	margin: 0.1rem 0;
	line-height: 1;
	user-select: none;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__sub-text--department-name {
		font-size: 0.84615rem;
	}
}

@media only screen and (min-width: 400px) {
	.logo__sub-text--department-name {
		font-size: 0.92308rem;
	}
}

@media only screen and (min-width: 525px) {
	.logo__sub-text--department-name {
		font-size: 1.07692rem;
	}
}

@media only screen and (min-width: 768px) {
	.logo__sub-text--department-name {
		font-size: 1.23077rem;
	}
}

@media only screen and (min-width: 992px) {
	.logo__sub-text--department-name {
		font-size: 1.53846rem;
	}
}

.logo__sub-text--project-name {
	display: inline;
	font-size: 1.07692rem;
	font-weight: 600;
	color: #4D4D4D;
	line-height: 1.4;
	user-select: none;
	align-self: flex-start;
	justify-content: flex-start;
	vertical-align: top;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 0) {
	.logo__sub-text--project-name {
		display: contents;
		font-size: 0.76923rem;
	}
}

@media only screen and (min-width: 400px) {
	.logo__sub-text--project-name {
		display: contents;
		font-size: 0.76923rem;
	}
}

@media only screen and (min-width: 525px) {
	.logo__sub-text--project-name {
		display: contents;
		font-size: 0.76923rem;
	}
}

@media only screen and (min-width: 768px) {
	.logo__sub-text--project-name {
		display: inline;
		font-size: 1.07692rem;
	}
}

.logo__sub-text--division {
	font-size: 0.92308rem;
	color: #999999;
	margin: 0.1rem 0;
	line-height: 1.4;
	user-select: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 525px) {
	.logo__sub-text--division {
		font-size: 0.76923rem;
	}
}

@media only screen and (min-width: 768px) {
	.logo__sub-text--division {
		font-size: 0.92308rem;
	}
}

.logo__version {
	position: relative;
	top: -1px;
	padding: 0.15rem 0.5rem;
	margin: 0 0.2rem;
	background-color: #F4D8C0;
	border-radius: 1px;
	user-select: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 525px) {
	.logo__version {
		font-size: 0.92308rem;
	}
}

.row__outer--nav-bar {
	background-color: white;
	margin-bottom: 1.25rem;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 768px) {
	.row__outer--nav-bar {
		margin-bottom: 1.25rem !important;
	}
}

@media only screen and (min-width: 525px) {
	.row__outer--nav-bar {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 0) {
	.row__outer--nav-bar {
		margin-bottom: 0;
	}
}

.nav-bar {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	padding: 0;
	margin: 0;
	background-color: #4D4D4D;
	list-style: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 768px) {
	.nav-bar {
		display: flex !important;
	}
}

@media only screen and (min-width: 525px) {
	.nav-bar {
		display: none;
	}
}

@media only screen and (min-width: 0) {
	.nav-bar {
		display: none;
	}
}

.nav-bar__link {
	display: flex;
	padding: 0.75rem 1rem;
	font-size: 1.3rem;
	background-color: #4D4D4D;
	color: white;
	text-decoration: none;
	border-right: 1px solid #F2F2F2;
	user-select: none;
}

.nav-bar__item--active .nav-bar__link {
	color: #191919;
	background-color: #F2F2F2;
}

.nav-bar__link:hover {
	background-color: #F2F2F2;
	color: #4D4D4D;
	text-decoration: none;
}

.nav-bar__item--components {
	display: none;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 992px) {
	.nav-bar__item--components {
		display: block;
		margin-left: auto;
	}
}

.nav-bar__item--select-all {
	display: flex;
	align-items: center;
	margin-left: auto;
	padding-right: 1rem;
	font-size: 1rem;
	color: white;
	text-decoration: none;
	user-select: none;
}

a {
	text-decoration: none;
}

.content {
	background: whitesmoke;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.navbar {
	background: transparent;
	width: 100%;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
}

/*Mobile Menu*/
.mobile {
	color: white;
	float: left;
	width: 30px;
	height: 36px;
	font-size: 24px;
	margin-top: 0px;
	margin-left: 0;
}

.mobileNavBar {
	position: relative;
	top: -10rem;
}

#nav-toggle {
	width: 30px;
	height: 25px;
	margin-right: 1.25rem;
	top: 75px;
	float: left;
	position: absolute;
	display: block;
	padding-top: 20px;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	right: 0;
	z-index: 11;
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/
  /*
			Adapted from Bootstrap 4 
			The maximum value is calculated as the minimum of the next one less 0.02px
			to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
			See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
			Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
			See https://bugs.webkit.org/show_bug.cgi?id=178261
		*/;
}

@media only screen and (min-width: 768px) {
	#nav-toggle {
		display: none !important;
	}
}

@media only screen and (min-width: 525px) {
	#nav-toggle {
		display: block;
	}
}

#nav-toggle span {
	cursor: pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 3px;
	width: 24px;
	background: black;
	position: absolute;
	display: block;
	opacity: 1;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#nav-toggle span:nth-child(1) {
	top: 1px;
}

#nav-toggle span:nth-child(2), #nav-toggle span:nth-child(3) {
	top: 9px;
}

#nav-toggle span:nth-child(4) {
	top: 17px;
}

#nav-toggle.active span:nth-child(1) {
	top: 9px;
	opacity: 0;
	height: 0;
	background: white;
}

#nav-toggle.active span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: white;
}

#nav-toggle.active span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background: white;
}

#nav-toggle.active span:nth-child(4) {
	top: 10px;
	opacity: 0;
	height: 0;
	background: white;
}

#mobile-nav-menu {
	float: right;
	width: 270px;
	background: #4D4D4D;
	font-size: 19px;
	margin-top: 0px;
	padding: 0;
	position: absolute;
	overflow: hidden;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(34, 34, 34, 0.3);
	border-bottom: 1px solid rgba(34, 34, 34, 0.3);
	cursor: pointer;
	right: 0;
	z-index: 10;
	top: 0;
	padding-top: 100px;
	opacity: 0.98;
}

#mobile-nav-menu ul {
	padding-left: 0;
	height: 100vh;
	margin-top: 0;
}

#mobile-nav-menu ul li {
	border-bottom: 1px solid #333;
	list-style: none;
	width: 100%;
	height: 49px;
	border-top: 1px solid rgba(65, 65, 65, 0.1);
	text-align: left;
	font-weight: lighter;
}

#mobile-nav-menu ul li:hover {
	opacity: 0.75;
	background: #F2F2F2;
}

#mobile-nav-menu ul li:hover > a {
	color: #333;
}

#mobile-nav-menu ul li a {
	color: white;
	height: 100%;
	margin-left: 0;
	display: block;
	padding: 15px 0 10px 35px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 1.1rem;
}

#mobile-nav-menu ul li:last-of-type {
	border-bottom: 1px solid #333;
}

#mobile-nav-menu.ng-hide-remove {
	-webkit-animation: 0.5s slideIn ease;
	-moz-animation: 0.5s slideIn ease;
	animation: 0.5s slideIn ease;
}

#mobile-nav-menu.ng-hide-add {
	-webkit-animation: 0.5s slideOut ease;
	-moz-animation: 0.5s slideOut ease;
	animation: 0.5s slideOut ease;
	display: block !important;
}

@keyframes slideIn {
	0% {
		right: -270px;
	}

	100% {
		right: 0px;
	}
}

@keyframes slideOut {
	0% {
		right: 0px;
	}

	100% {
		right: -270px;
	}
}