/* Prevent normal words from breaking */
body, p, li, a, h1, h2, h3, h4, h5, h6 {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

/* Vantage: remove boxed constraints so the header can actually stretch */
html, body {
  width: 100% !important;
}

#page-wrapper,
#page-wrapper .full-container,
#page-wrapper .container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Header full width */
#masthead,
header#masthead {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#masthead .full-container,
#masthead .container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Footer too (since it is the same pattern) */
#colophon,
footer#colophon,
#colophon .full-container,
#colophon .container {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Cap any image inside the header to 150px tall */
#masthead img {
  max-height: 125px !important;
  height: 125px !important;
  width: auto !important;
}

/* Vantage: more left and right padding inside the full width header */
#masthead .full-container,
#masthead .container {
  padding-left: 36px !important;
  padding-right: 36px !important;
  box-sizing: border-box !important;
}

/* Even more on larger screens */
@media (min-width: 1024px) {
  #masthead .full-container,
  #masthead .container {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
}