/* START HP Header Logo Display Stacked */
@media
(max-width: 499px) {

header svg#logo-display-inline {
  display: none;
}

header svg#logo-display-stacked {
  display: flex;
}

}
/* END HP Header Logo Display Stacked */


/* START HP Header Logo Display Inline */
@media
(min-width: 500px) {

header svg#logo-display-stacked {
  display: none;
}

header svg#logo-display-inline {
  display: flex;
}

}
/* END HP Header Logo Display Inline */


/* START HP Header */
header {
  display: flex;
  flex-direction: column;
  margin: 0px auto 10px auto;
}

header h1 {
  font-size: 33px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 33px;
  margin: 4px auto 4px auto;
}

header h2 {
  border-top: 3px solid rgba(221, 0, 100, 0.9);
  font-size: 44px;
  font-weight: 400;
  line-height: 36px;
  margin: 20px auto 0px auto;
  padding: 14px 10px 10px 10px;
}

header svg {
  align-items: center;
  margin: 0 auto 0 auto;
  max-width: 810px;
}


/* END HP Header */


/* START Header h2 Responsive */
@media
(min-width: 500px) and (max-width: 799px) {

header h2 {
  font-size: 41px;
  line-height: 33px;
}

}

@media
(min-width: 600px) and (max-width: 899px) {

header h2 {
  margin: 10px auto 0px auto;
}

}

@media
(max-width: 599px) {

header h2 {
  margin: 4px auto 0px auto;
}

}


@media
(max-width: 340px) {

  header h2 {
  font-size: 37px;
  line-height: 30px;
}

}
/* END Header h2 Responsive */


/* START h1 Responsive */
@media
(max-width: 340px) {

header h1 {
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 26px;
}

}
/* START h1 Responsive */