#header h1#logo {
  border: 0;
  display: inline-block;
  font-size: 1em;
  height: inherit;
  line-height: inherit;
  padding: 0 1.5em;
}

#header h1#logo strong {
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -ms-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  border-top: 2px solid #ffffff;
  border-right: 0;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  background-color: #ffffff;
  color: #272832;
  display: inline-block;
  line-height: 1.65em;
  margin: 0;
  padding: 0 0.375em 0 0.375em;
	font-family: "Inter", Helvetica, sans-serif;
  font-weight: 800;
  font-style: normal;
}

#header h1#logo span {
  -moz-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -webkit-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -ms-transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: border-color 0.1s ease-in-out, color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  -webkit-transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  -ms-transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out, color 0.1s ease-in-out;
  border-top: 0 solid #ffffff;
  border-right: 0 solid #ffffff;
  border-bottom: 0 solid #ffffff;
  border-left: 0;
  color: #ffffff;
  display: inline-block;
  line-height: 1.65em;
  margin: 0;
  padding: 0 0.375em 0 0.375em;
	font-family: "Inter", Helvetica, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#header h1#logo:hover strong {
  background-color: #e31d94;
  border-color: #e31d94;
}

#header h1#logo:active strong {
  background-color: #e31d94;
  border-color: #e31d94;
}

#header h1#logo:hover span {
  border-color: #e31d94;
  color: #e31d94;
}

#header h1#logo:active span {
  border-color: #e31d94;
  color: #e31d94;
}

ul.actions.stacked li.side {
  padding: 0.5em 0 0 0;
}

#header div#logo {
  width: 280px;
  height: 65px;
  padding:10px 0 25px 10px;
  margin:0;
}

#header div.logoheadercontainer {
  margin: 0 auto;
  display: inline-block;
}


#header div.logoheadercontainer.container--ph {
height: 0;
position: relative;
}

svg.svg--responsive {
display: block;
}

h3.colourhead::after {
  background: #e31d94;
  content: '';
  display: inline-block;
  height: 0.1em;
  max-width: 20em;
  width: 75%;
}