.unit-name a br {
	display: none; /* hide break by default */
}

@media screen and (min-width: 250px) and (max-width: 500px) {
	.unit-name a br {
		display: inline; /* show break on small screens */
	}
}
.nowrap {
	white-space: nowrap;
}

/* Styles for header content */
@media screen and (max-width: 344px) {
  .front-title .unit-name h1 {
	  font-size: 1.5rem;
	  line-height: 1.6rem;
	  top: 0.1rem !important;
  }
}

@media screen and (min-width: 345px) and (max-width: 399px) {
  .front-title .unit-name h1 {
	  font-size: 1.5rem;
	  line-height: 1.6rem;
	  top: 0.1rem !important;
  }
}

@media screen and (min-width: 400px) and (max-width: 430px) {
  .front-title .unit-name h1 {
	  font-size: 1.7rem;
	  line-height: 1.6rem;
	  top: 0.1rem;
  }
}

@media screen and (min-width: 431px) and (max-width: 465px) {
  .front-title .unit-name h1 {
	  font-size: 1.7rem;
	  line-height: 1.6rem;
	  top: 0.1rem;
  }
}

@media screen and (min-width: 466px) and (max-width: 500px) {
  .front-title .unit-name h1 {
	  font-size: 1.7rem;
	  line-height: 1.6rem;
	  top: 0.1rem;
  }
}
/* End of styles for header content */

/* Styles for header banner and brand */
@media screen and (max-width: 639px) {
  header #front-banner-image.secondary .columns .front-text-box.subfront a.button {
    margin-bottom: 0;
  }
  .brand.front-top {
    padding-bottom: 0.8rem;
  }
}

/* Styles for heading links and positioning */
@media screen and (min-width: 501px) and (max-width: 554px) {
  .unit-name h1 > a {
    font-size: 1.5rem;
  }
  .unit-name h1 {
    top: 0.1rem;
  }
}

@media screen and (min-width: 555px) and (max-width: 623px) {
  .unit-name h1 > a {
    font-size: 1.58rem; /* 70% of 1.4rem is ~0.98rem */
  }
  .unit-name h1 {
    top: 0.2rem;
  }
}

@media screen and (min-width: 624px) and (max-width: 768px) {
  .unit-name h1 > a {
    font-size: 1.91rem; /* 80% of 1.4rem is ~1.12rem */
  }
  .unit-name h1 {
    top: 0.25rem;
  }
}

/* Styles for content over banner */
@media screen and (max-width: 349px) {
  header #front-banner-image.secondary .columns .front-text-box.subfront h1 {
    font-size: 1.7rem;
    line-height: 1.7rem;
  }
}

@media screen and (min-width: 350px) and (max-width: 388px) {
  header #front-banner-image.secondary .columns .front-text-box.subfront h1 {
    font-size: 2.1rem;
  }
}

@media screen and (min-width: 389px) and (max-width: 405px) {
  header #front-banner-image.secondary .columns .front-text-box.subfront h1 {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 406px) and (max-width: 423px) {
  header #front-banner-image.secondary .columns .front-text-box.subfront h1 {
    font-size: 2.3rem;
  }
}

@media screen and (min-width: 424px) and (max-width: 440px) {
  header #front-banner-image.secondary .columns .front-text-box.subfront h1 {
    font-size: 2.4rem;
  }
}
/* End of styles for content over banner */