/*csslint order-alphabetical:false  */
/* Box sizing rules */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role='list'], ol[role='list'] {
  list-style: none;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
}

/* Set shorter line heights on headings and interactive elements */
h1, h2, h3, h4, button, input, label {
  line-height: 1.1;
}

/* Balance text wrapping on headings */
h1, h2, h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles.

   The reset this came from also sets "color: currentColor" here, which was
   dropped 2026-08-06. This site styles the bare "a" deliberately -- $srm-blue at
   500, see _base.scss -- and currentColor overrode it for exactly the links that
   want it: an inline link in body copy, which carries no class. The one on the
   page today, ComplianceWise in Bill Robinson's bio, came out grey against grey.
   Links that are meant to take their colour from their surroundings say so with
   .srm-link.

   The three classless links left in the templates all wrap an image -- the two
   header logos and the CSEP badge on the home page -- so none of them changed
   when this went. */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img, picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button, textarea, select {
  font-family: inherit;
  font-size: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("/font/open-sans-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("/font/open-sans-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("/font/open-sans-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("/font/open-sans-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/font/libre-franklin-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Libre Franklin';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/font/libre-franklin-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/titillium-web-300-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/font/titillium-web-300-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/titillium-web-400-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/font/titillium-web-400-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/titillium-web-600-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/font/titillium-web-600-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/titillium-web-700-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/font/titillium-web-700-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

html {
  font-size: 16px;
}

body {
  font-family: "Open Sans", sans-serif;
  color: #6d6e70;
  background: white;
  line-height: 1.5;
}

p {
  margin: 0 0 1rem 0;
}

a {
  color: #2980b9;
  font-weight: 500;
  text-decoration: none;
}

a:hover, a:focus {
  color: #1dafec;
}

a:active {
  color: #6bcff4;
}

address {
  font-style: normal;
}

:target {
  scroll-margin-top: 169px;
}

.srm-link {
  color: inherit;
}

.srm-link--selected {
  font-weight: 700;
}

.srm-page-link {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.21rem;
  color: #004987;
  white-space: nowrap;
}

.srm-page-link:hover, .srm-page-link:focus {
  color: #1dafec;
}

.srm-page-link:active {
  color: #6bcff4;
}

.srm-page-link--selected {
  color: #2980b9;
}

.srm-chevron-link {
  display: inline-flex;
  align-items: baseline;
  gap: 0.35em;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #004987;
}

.srm-chevron-link svg {
  width: 0.7em;
  height: 0.7em;
  flex: none;
  transform: translateY(0.02em);
}

.srm-chevron-link--large {
  font-family: "Open Sans", sans-serif;
  font-size: 1.31rem;
  font-weight: 700;
  color: white;
}

.srm-chevron-link--large:hover, .srm-chevron-link--large:focus, .srm-chevron-link--large:active {
  color: white;
}

.srm-chevron-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.srm-chevron-list li {
  margin-bottom: 0.35rem;
}

.srm-green-button {
  display: inline-block;
  position: relative;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 1.31rem;
  line-height: 1;
  padding: 0.6rem 1.15rem;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 0.1s ease-in-out;
  background: #77bc1f;
  color: white;
}

.srm-green-button:hover, .srm-green-button:focus {
  text-decoration: none;
  background: #1dafec;
  color: white;
}

.srm-green-button:active {
  text-decoration: none;
  background: #6bcff4;
  color: white;
  top: 1px;
}

.srm-check-list {
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
}

.srm-check-list li {
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 0.6rem;
}

.srm-check-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.28em;
  width: 0.58em;
  height: 0.9em;
  background: #77bc1f;
  clip-path: polygon(25% 0, 100% 50%, 25% 100%, 0 86%, 53% 50%, 0 14%);
}

.srm-bullet-list {
  list-style: disc outside;
  margin: 0 0 1.5rem 1.25rem;
  padding-left: 1.25rem;
}

.srm-bullet-list li {
  padding-bottom: 10px;
}

.srm-lead {
  font-weight: 700;
  color: #2980b9;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 auto;
}

h1 {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 2.38rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: white;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 766px) {
  h1 {
    font-size: 3.75rem;
  }
}

h2, h3 {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.88rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #2980b9;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 1030px) {
  h2, h3 {
    font-size: 3.13rem;
  }
}

h4 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.1;
  color: #2980b9;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 1030px) {
  h4 {
    font-size: 2rem;
  }
}

h5 {
  font-size: 17px;
  line-height: 22.1px;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #2980b9;
}

@media (min-width: 320px) {
  h5 {
    font-size: calc(17px + 2 * (100vw - 320px) / 1046);
  }
}

@media (min-width: 1366px) {
  h5 {
    font-size: 19px;
  }
}

@media (min-width: 320px) {
  h5 {
    line-height: calc(22.1px + 2.6 * (100vw - 320px) / 1046);
  }
}

@media (min-width: 1366px) {
  h5 {
    line-height: 24.7px;
  }
}

h6 {
  font-size: 16px;
  line-height: 20.8px;
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  color: #2980b9;
}

@media (min-width: 320px) {
  h6 {
    font-size: calc(16px + 2 * (100vw - 320px) / 1046);
  }
}

@media (min-width: 1366px) {
  h6 {
    font-size: 18px;
  }
}

@media (min-width: 320px) {
  h6 {
    line-height: calc(20.8px + 2.6 * (100vw - 320px) / 1046);
  }
}

@media (min-width: 1366px) {
  h6 {
    line-height: 23.4px;
  }
}

.srm-login,
.srm-large-header,
.srm-small-header,
.srm-guarantee-band,
.srm-site-map,
.srm-footer,
.srm-feature,
.srm-for-you,
.srm-page-content__wrapper {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.srm-login__container,
.srm-large-header__container,
.srm-small-header__container,
.srm-guarantee-band__container,
.srm-site-map__container,
.srm-footer__container,
.srm-feature__container,
.srm-for-you__container,
.srm-page-content__wrapper {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.srm-login__container,
.srm-large-header__container,
.srm-small-header__container,
.srm-guarantee-band__container,
.srm-footer__container,
.srm-feature__container,
.srm-for-you__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}

.srm-page-content {
  margin-top: 157px;
}

@media only screen and (max-width: 765px) {
  .srm-page-content {
    margin-top: 64px;
  }
}

.srm-page-content__section {
  padding: 3rem 0;
}

.srm-page-content__wrapper,
.srm-feature__text,
.srm-service__text,
.srm-audience__text,
.srm-for-you__panel {
  font-size: 1.31rem;
  line-height: 1.5;
}

.srm-narrow-column {
  max-width: 44rem;
  margin: 0 auto;
}

.srm-narrow-column h3 {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.8rem;
  letter-spacing: -0.05em;
  color: #2980b9;
}

@media only screen and (min-width: 1030px) {
  .srm-narrow-column h3 {
    font-size: 2rem;
  }
}

.srm-login {
  height: 40px;
  background: #2980b9;
  color: white;
  font-size: 12px;
}

@media only screen and (max-width: 765px) {
  .srm-login {
    display: none;
  }
}

.srm-login__container {
  height: 100%;
  justify-content: flex-end;
}

.srm-login__form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0;
}

.srm-login__label {
  font-size: 0.88rem;
  font-weight: 700;
  margin-right: 0.5rem;
}

.srm-login__field {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.srm-login__field-icon {
  position: absolute;
  left: 7px;
  width: 13px;
  height: 13px;
  color: #afd1e3;
  pointer-events: none;
}

.srm-login__input {
  width: 175px;
  padding: 4px 6px 4px 26px;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  color: white;
  background: rgba(0, 46, 86, 0.3);
  border: 0;
  border-radius: 2px;
}

.srm-login__input::placeholder {
  color: #afd1e3;
  opacity: 1;
}

.srm-login__input:focus {
  outline: 2px solid #afd1e3;
  outline-offset: 1px;
}

.srm-login__submit {
  padding: 3px 9px;
  font-size: 1rem;
  line-height: 1;
  color: white;
  background: #77bc1f;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
}

.srm-login__reset {
  font-size: 0.7rem;
  color: #afd1e3;
}

.srm-login__reset:hover, .srm-login__reset:active, .srm-login__reset:focus {
  color: #afd1e3;
}

.srm-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background: white;
  box-shadow: 0 2px 4px rgba(88, 88, 91, 0.18);
  transition: transform 0.25s ease-in-out;
}

.srm-header--unpinned {
  transform: translateY(-100%);
}

@media (prefers-reduced-motion: reduce) {
  .srm-header {
    transition: none;
  }
}

.srm-large-header {
  height: 117px;
}

@media only screen and (max-width: 765px) {
  .srm-large-header {
    display: none;
  }
}

.srm-large-header__container {
  height: 100%;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.srm-large-header__logo {
  flex: none;
}

.srm-large-header__logo img {
  width: 136px;
  height: auto;
}

@media only screen and (min-width: 1030px) {
  .srm-large-header__logo img {
    width: 279px;
  }
}

.srm-large-header__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 960px) {
  .srm-large-header__list {
    gap: 1.1rem;
  }
}

.srm-small-header {
  display: none;
}

@media only screen and (max-width: 765px) {
  .srm-small-header {
    display: block;
  }
}

.srm-small-header__container {
  height: 64px;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.srm-small-header__logo {
  flex: none;
}

.srm-small-header__logo img {
  width: 85px;
  height: auto;
}

.srm-small-header__menu-button {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 0.2rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  font-size: 1.13rem;
  color: #2980b9;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.srm-small-header__menu-button svg {
  width: 22px;
  height: 17px;
}

.srm-small-menu {
  background: #004987 url("/img/slash-pattern.png") repeat;
  margin: 0 -1.5rem;
  padding: 1.25rem 1.5rem 1.75rem 1.5rem;
}

/*
 * The closed state as it ships from PHP. srm.debug.es6 removes this class on
 * load and sets display:none inline instead, because slideDown() reopens the
 * menu with el.style.display = '' and an inline reset cannot beat a class.
 * Without javascript the class stays and the menu stays shut, which is what it
 * did before -- the toggle button needs javascript either way.
 */
.srm-small-menu--closed {
  display: none;
}

.srm-small-menu__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.srm-small-menu__list li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.srm-small-menu__list a {
  display: block;
  padding: 0.7rem 0;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  color: white;
}

.srm-small-menu__cta {
  margin-top: 1.25rem;
  text-align: center;
}

.srm-hero {
  position: relative;
  min-height: 490px;
  display: flex;
  align-items: stretch;
  box-shadow: 0 5px 5px rgba(88, 88, 91, 0.3);
  overflow: hidden;
}

@media only screen and (max-width: 765px) {
  .srm-hero {
    min-height: 340px;
  }
}

.srm-hero__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #002957 no-repeat center top;
  background-size: cover;
}

.srm-hero__slash {
  position: absolute;
  inset: 0;
  background: url("/img/slash-pattern.png") repeat transparent;
}

.srm-hero__container {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1040px;
  margin: 0 auto;
  padding: 3rem 1.5rem 0 1.5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 2rem;
}

.srm-hero__figure {
  flex: 0 0 46%;
  align-self: flex-end;
}

.srm-hero__figure img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 765px) {
  .srm-hero__figure {
    display: none;
  }
}

.srm-hero__text {
  flex: 1 1 auto;
  align-self: center;
  padding-bottom: 3rem;
  color: white;
}

@media only screen and (max-width: 765px) {
  .srm-hero__text {
    text-align: center;
  }
}

.srm-hero__sub {
  max-width: 26rem;
  margin-bottom: 1.5rem;
}

@media only screen and (max-width: 765px) {
  .srm-hero__sub {
    margin-left: auto;
    margin-right: auto;
  }
}

.srm-hero--title-only {
  min-height: 0;
  background: #2980b9;
  box-shadow: none;
}

.srm-hero--title-only .srm-hero__background {
  background: none;
}

.srm-hero--title-only .srm-hero__container {
  justify-content: center;
  align-items: center;
  padding: 1.75rem 1.5rem;
}

.srm-hero--title-only .srm-hero__text {
  text-align: center;
  padding-bottom: 0;
}

.srm-hero--title-only .srm-hero__sub {
  max-width: 40rem;
  margin: 0.75rem auto 0 auto;
}

.srm-hero--title-only h1 {
  font-size: 2.38rem;
  line-height: 1.5;
  margin-bottom: 0;
}

@media only screen and (min-width: 1030px) {
  .srm-hero--title-only h1 {
    font-size: 4.38rem;
  }
}

.srm-feature {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.srm-feature--tint {
  background: #eff5f9;
}

.srm-feature__container {
  gap: 3rem;
  align-items: center;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 765px) {
  .srm-feature__container {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
}

.srm-feature__figure {
  flex: 0 0 34%;
  text-align: center;
}

.srm-feature__figure img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.srm-feature__text {
  flex: 1 1 auto;
}

.srm-feature__text h4 {
  margin-bottom: 0.85rem;
}

.srm-feature__badges {
  display: inline-block;
  max-width: 300px;
}

.srm-for-you {
  padding-top: 0;
  padding-bottom: 0;
  background: white;
}

.srm-for-you__container {
  align-items: stretch;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 765px) {
  .srm-for-you__container {
    flex-direction: column;
    flex-wrap: wrap;
  }
}

.srm-for-you__figure {
  flex: 0 0 46%;
}

.srm-for-you__figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.srm-for-you__panel {
  flex: 1 1 auto;
  background: #eff5f9;
  padding: 2.5rem 2.5rem 3rem 2.5rem;
}

.srm-for-you__panel h2 {
  margin-bottom: 0.75rem;
}

.srm-section-title {
  font-size: 2.38rem;
  line-height: 1.5;
  text-align: center;
}

@media only screen and (min-width: 1030px) {
  .srm-section-title {
    font-size: 4.38rem;
  }
}

.srm-section-title--section {
  font-size: 1.88rem;
  line-height: 1;
}

@media only screen and (min-width: 1030px) {
  .srm-section-title--section {
    font-size: 3.13rem;
  }
}

.srm-section-title--left {
  text-align: left;
}

.srm-client-strip {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  gap: 1.5rem;
  min-height: 105px;
}

.srm-client-strip__logo {
  max-width: min(225px, calc((100% - 3rem) / 3));
  max-height: 105px;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: opacity 0.6s ease-in-out;
}

.srm-client-strip__logo--fading {
  opacity: 0;
}

.srm-quote {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  text-align: center;
}

.srm-quote__text {
  margin: 0 auto 2rem auto;
  max-width: 46rem;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1.3;
  color: #6d6e70;
}

.srm-quote__attribution {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}

.srm-quote__attribution img {
  max-width: 100%;
  height: auto;
}

.srm-quote__attribution cite {
  font-family: "Titillium Web", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.75rem;
  color: #6d6e70;
}

.srm-video video {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: #002957;
  aspect-ratio: 1025 / 576;
  height: auto;
}

.srm-guarantee-band {
  background: #004987 url("/img/slash-pattern.png") repeat;
  padding-top: 1.35rem;
  padding-bottom: 1.35rem;
}

.srm-guarantee-band__container {
  justify-content: center;
  gap: 2.5rem;
}

@media only screen and (max-width: 625px) {
  .srm-guarantee-band__container {
    flex-direction: column;
    gap: 1.1rem;
    text-align: center;
  }
}

.srm-guarantee-band__text {
  margin: 0;
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.63rem;
  line-height: 1.2;
  letter-spacing: -0.05em;
  color: white;
}

@media only screen and (max-width: 765px) {
  .srm-guarantee-band__text {
    font-size: 1.35rem;
  }
}

.srm-guarantee-band__button {
  flex: none;
}

.srm-site-map {
  background: #004987;
  color: #afd1e3;
  font-size: 0.75rem;
  line-height: 1.6;
  padding-top: 2.75rem;
  padding-bottom: 2.25rem;
}

.srm-site-map h5, .srm-site-map h6 {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.13rem;
  line-height: 1.3;
  letter-spacing: normal;
  color: white;
}

.srm-site-map a {
  font-weight: 500;
  color: white;
}

.srm-site-map a:hover, .srm-site-map a:focus {
  color: #1dafec;
}

.srm-site-map a:active {
  color: #6bcff4;
}

.srm-site-map__container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2rem 2.5rem;
}

@media only screen and (max-width: 625px) {
  .srm-site-map__container {
    gap: 1.5rem;
  }
}

.srm-site-map__column h6 {
  margin-bottom: 0.6rem;
}

.srm-site-map__column ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.srm-site-map__column li {
  margin-bottom: 0.3rem;
}

.srm-site-map__contact {
  margin-left: auto;
}

.srm-site-map__contact h6 {
  margin-bottom: 0.4rem;
}

.srm-site-map__contact h5 {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-size: 0.75rem;
  color: white;
  margin: 0.7rem 0 0.15rem 0;
}

.srm-site-map__contact address,
.srm-site-map__contact p {
  margin: 0;
  color: white;
}

.srm-site-map__contact address {
  line-height: 1.1666666667;
}

@media only screen and (max-width: 765px) {
  .srm-site-map__contact {
    margin-left: 0;
  }
}

.srm-footer {
  background: #004987;
  color: #afd1e3;
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.srm-footer__container {
  flex-direction: column;
  align-items: stretch;
  gap: 1.5rem;
}

.srm-footer__links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding-top: 1.25rem;
  padding-left: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 0.98rem;
}

.srm-footer__links a {
  font-weight: 500;
  color: white;
}

.srm-footer__links a:hover, .srm-footer__links a:active, .srm-footer__links a:focus {
  color: white;
}

.srm-footer__links li + li::before {
  content: '|';
  padding: 0 0.7rem;
  color: rgba(255, 255, 255, 0.4);
}

.srm-footer__mark {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.85rem;
}

.srm-footer__logo {
  flex: none;
}

.srm-footer__logo svg {
  display: block;
  width: 34px;
  height: 34px;
  color: white;
}

.srm-footer__text {
  font-size: 0.69rem;
  font-weight: 700;
  color: white;
}

.srm-hero--home .srm-hero__background {
  background-image: url("/img/home-banner-large.jpg");
}

@media only screen and (min-width: 1030px) {
  .srm-hero--home {
    min-height: 616px;
  }
  .srm-hero--home .srm-hero__figure {
    flex: 0 0 58%;
  }
}

.srm-page-content--home .srm-video {
  padding-top: 6rem;
  padding-bottom: 1.5rem;
}

.srm-page-content--home .srm-client-strip {
  margin-bottom: 1rem;
}

.srm-page-content--home .srm-section-title {
  margin-top: 1rem;
}

.srm-service {
  padding: 3rem 1.5rem;
}

.srm-service--tint {
  background: #eff5f9;
}

.srm-service__container {
  max-width: 1040px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 3rem;
}

@media only screen and (max-width: 765px) {
  .srm-service__container {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.srm-services-diagram {
  display: block;
  width: 100%;
  max-width: 757px;
  height: auto;
  margin: 4rem auto 0 auto;
}

.srm-service__figure {
  flex: 0 0 24%;
  text-align: center;
}

.srm-service__figure img {
  display: inline-block;
  max-width: 148px;
  height: auto;
}

.srm-service__text {
  flex: 1 1 auto;
}

.srm-service__text h4 {
  margin-top: 1.75rem;
}

.srm-service__detail {
  display: none;
}

.srm-service--collapsible .srm-service__detail {
  display: block;
}

.srm-service__opener {
  display: none;
  margin: 0;
  padding-top: 2.5rem;
  border-bottom: 1px solid #6d6e70;
  text-align: center;
}

.srm-service--collapsible .srm-service__opener {
  display: block;
}

.srm-service__toggle {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 1.31rem;
  line-height: 1.7;
  color: #004987;
  background: #eff5f9;
  border: 0;
  padding: 5px 30px 2px 30px;
  cursor: pointer;
}

.srm-service__toggle svg {
  width: 0.7em;
  height: 0.7em;
  margin-left: 0.35em;
  transform: rotate(90deg);
  transition: transform 200ms ease;
}

.srm-service__toggle:hover, .srm-service__toggle:active, .srm-service__toggle:focus {
  color: #6bcff4;
  text-decoration: none;
}

.srm-service.is-open .srm-service__toggle svg {
  transform: rotate(-90deg);
}

@media (prefers-reduced-motion: reduce) {
  .srm-service__toggle svg {
    transition: none;
  }
}

.srm-intro {
  max-width: 46rem;
  margin: 0 auto;
  text-align: center;
}

.srm-intro-heading,
.srm-intro-lead {
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: "Titillium Web", sans-serif;
  font-size: 1.8rem;
  line-height: 1;
}

@media only screen and (min-width: 1030px) {
  .srm-intro-heading,
.srm-intro-lead {
    font-size: 2rem;
  }
}

.srm-intro-heading {
  margin-top: 3.5rem;
  margin-bottom: 0;
  color: #6d6e70;
}

.srm-intro-lead {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 700;
  color: #2980b9;
}

.srm-timeline {
  width: 100%;
  max-width: 46rem;
  margin: 0 auto;
  border-collapse: collapse;
  text-align: left;
}

.srm-timeline caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.srm-timeline th {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.8rem;
  letter-spacing: -0.05em;
  color: #2980b9;
  width: 1%;
  white-space: nowrap;
  padding: 0 2rem 1.75rem 0;
  margin: 0;
  vertical-align: top;
  text-align: center;
  text-transform: uppercase;
}

@media only screen and (min-width: 1030px) {
  .srm-timeline th {
    font-size: 2rem;
  }
}

@media only screen and (max-width: 625px) {
  .srm-timeline th {
    padding-right: 1rem;
  }
}

.srm-timeline td {
  padding: 0 0 1.75rem 0;
  vertical-align: top;
}

.srm-timeline tr:last-child th,
.srm-timeline tr:last-child td {
  padding-bottom: 0;
}

@media only screen and (max-width: 625px) {
  .srm-timeline tbody,
.srm-timeline tr,
.srm-timeline th,
.srm-timeline td {
    display: block;
    width: auto;
  }
  .srm-timeline th {
    padding: 0 0 0.25rem 0;
    text-align: left;
  }
  .srm-timeline td {
    padding-bottom: 1.75rem;
  }
}

.srm-member {
  max-width: 46rem;
  margin: 0 auto 3rem auto;
}

.srm-member h5 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 2.13rem;
  line-height: 1.15;
  color: #2980b9;
  margin: 1.5rem 0 0.5rem 0;
}

@media only screen and (min-width: 1030px) {
  .srm-member h5 {
    font-size: 2.29rem;
  }
}

.srm-member__name {
  margin-bottom: 0.15rem;
}

.srm-member__role {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2980b9;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 1030px) {
  .srm-member__role {
    font-size: 1.75rem;
  }
}

.srm-member__highlight {
  padding-left: 30px;
  margin-bottom: 1em;
}

h5 + .srm-member__highlight {
  margin-top: 20px;
}

.srm-hero--clients {
  min-height: 490px;
}

.srm-hero--clients .srm-hero__background {
  background-image: url("/img/clients-banner-large.jpg");
}

.srm-hero--clients .srm-hero__figure {
  flex: 0 0 auto;
}

.srm-hero--clients .srm-hero__figure img {
  width: auto;
  max-height: 442px;
}

.srm-hero--clients .srm-hero__sub {
  max-width: 33rem;
}

@media only screen and (min-width: 1030px) {
  .srm-hero--clients {
    min-height: 616px;
  }
  .srm-hero--clients .srm-hero__figure img {
    max-height: 568px;
  }
}

.srm-case-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.875rem;
  padding: 2rem 0;
  border-bottom: 1px solid #dddddd;
}

.srm-case-card:last-child {
  border-bottom: 0;
}

@media only screen and (max-width: 625px) {
  .srm-case-card {
    flex-direction: column;
    gap: 1rem;
  }
}

.srm-case-card__figure {
  flex: 0 0 230px;
  text-align: left;
}

.srm-case-card__figure img {
  display: inline-block;
  max-width: 100%;
  width: auto;
  height: auto;
}

@media only screen and (max-width: 625px) {
  .srm-case-card__figure {
    flex: 0 0 auto;
    text-align: center;
  }
}

.srm-case-card__text {
  flex: 1 1 auto;
}

.srm-case-card__text h3 {
  margin-bottom: 0.15rem;
}

.srm-case-card__location {
  margin-bottom: 0.6rem;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.15;
  color: #2980b9;
}

@media only screen and (min-width: 1030px) {
  .srm-case-card__location {
    font-size: 2rem;
  }
}

.srm-case-card__quote {
  margin: 0 0 0.5rem 0;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #6d6e70;
}

@media only screen and (min-width: 1030px) {
  .srm-case-card__quote {
    font-size: 2rem;
  }
}

.srm-case-card__attribution {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2980b9;
  display: block;
  margin-bottom: 1rem;
  font-style: normal;
  color: #6d6e70;
}

@media only screen and (min-width: 1030px) {
  .srm-case-card__attribution {
    font-size: 1.75rem;
  }
}

.srm-case-study h3 {
  margin-top: 2rem;
}

.srm-case-study__header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 1.875rem;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 625px) {
  .srm-case-study__header {
    flex-direction: column;
    gap: 1rem;
  }
}

.srm-case-study__logo {
  flex: 0 0 230px;
}

.srm-case-study__logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 625px) {
  .srm-case-study__logo {
    flex: 0 0 auto;
  }
}

.srm-case-study__intro {
  flex: 1 1 auto;
}

.srm-case-study__title {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.88rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #2980b9;
  margin-bottom: 0.95rem;
}

@media only screen and (min-width: 1030px) {
  .srm-case-study__title {
    font-size: 3.13rem;
  }
}

.srm-case-study__location {
  margin-bottom: 1.25rem;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1;
  color: #2980b9;
}

@media only screen and (min-width: 1030px) {
  .srm-case-study__location {
    font-size: 2rem;
  }
}

.srm-case-study__client-label {
  margin-bottom: 0.625rem;
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 1;
  color: #6d6e70;
}

.srm-case-study__client {
  margin-bottom: 0;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  color: #6d6e70;
}

.srm-case-study__quote {
  margin: 1.5rem 0;
  padding-left: 1.5rem;
  border-left: 4px solid #6bcff4;
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-size: 1.75rem;
  line-height: 1;
  color: #6d6e70;
}

.srm-case-study__quote cite {
  display: block;
  margin-top: 0.6rem;
  font-family: "Titillium Web", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1;
  color: #6d6e70;
}

.srm-case-study__image {
  display: block;
  margin: 2rem auto;
  max-width: 100%;
  height: auto;
}

.srm-case-study__snapshot {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  background: #eff5f9;
  padding: 2.5rem;
  margin: 2rem 0;
}

.srm-case-study__snapshot h3 {
  flex: 0 0 25%;
  margin-top: 0;
}

.srm-case-study__snapshot ul {
  flex: 1 1 auto;
  margin-bottom: 0;
}

@media only screen and (max-width: 625px) {
  .srm-case-study__snapshot {
    flex-direction: column;
    padding: 1.5rem;
  }
  .srm-case-study__snapshot h3 {
    flex: 0 0 auto;
  }
}

.srm-case-study__back {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #dddddd;
}

.srm-button-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  margin-top: 1.5rem;
}

.srm-button-row .srm-chevron-link {
  font-size: 1.31rem;
}

.srm-guarantee__band {
  display: flex;
  flex-direction: row;
  background: #eff5f9;
  margin: 2rem 0;
}

@media only screen and (max-width: 765px) {
  .srm-guarantee__band {
    flex-direction: column;
  }
  .srm-guarantee__band .srm-guarantee__band-main,
.srm-guarantee__band .srm-guarantee__band-aside {
    flex: 0 0 auto;
  }
}

.srm-guarantee__band-main {
  flex: 0 0 58.333%;
  padding: 30px;
}

.srm-guarantee__band-aside {
  flex: 0 0 41.667%;
  padding: 30px;
}

.srm-guarantee__band-aside p:last-child {
  margin-bottom: 0;
}

.srm-guarantee__band--cta {
  padding: 40px;
}

.srm-guarantee__band--cta .srm-guarantee__band-main {
  flex: 0 0 66.667%;
  padding: 0;
}

.srm-guarantee__band--cta .srm-guarantee__band-aside {
  flex: 0 0 33.333%;
  padding: 0;
}

.srm-guarantee__band--cta .srm-button-row {
  margin: 0;
}

.srm-page-content--guarantee h3 {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.8rem;
  letter-spacing: -0.05em;
  color: #2980b9;
  margin: 1.25rem 0;
}

@media only screen and (min-width: 1030px) {
  .srm-page-content--guarantee h3 {
    font-size: 2rem;
  }
}

.srm-page-content--guarantee h4 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #6d6e70;
  margin: 1.25rem 0 0 0;
}

.srm-page-content--guarantee .srm-guarantee__subhead {
  color: #2980b9;
  margin: 1.25rem 0;
}

.srm-guarantee__intro {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: -0.05em;
  text-align: center;
  color: #6d6e70;
  margin: 1.25rem 0;
}

.srm-guarantee__rule {
  height: 0;
  border: 0;
  border-top: 2px solid #6d6e70;
  margin: 2.2rem 0;
}

.srm-guarantee__quote {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 4.38rem;
  line-height: 1.5;
  letter-spacing: -0.05em;
  text-align: center;
  color: #2980b9;
  margin: 0;
}

@media only screen and (max-width: 765px) {
  .srm-guarantee__quote {
    font-size: 2.75rem;
  }
}

.srm-guarantee__answer {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.05em;
  text-align: center;
  color: #2980b9;
  margin: 1.25rem 0;
}

.srm-guarantee__stat {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #2980b9;
  margin: 1.25rem 0;
}

.srm-guarantee__cta-title {
  font-size: 3.13rem;
  line-height: 1;
  margin: 0 0 1.17rem 0;
}

.srm-page-content--co-stormwater-excellence-program h3 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1;
  letter-spacing: normal;
  color: #2980b9;
  margin: 2.25rem 0 1.25rem 0;
}

.srm-page-content--co-stormwater-excellence-program .srm-csep__section-title {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-size: 1.88rem;
  letter-spacing: -0.05em;
}

@media only screen and (min-width: 1030px) {
  .srm-page-content--co-stormwater-excellence-program .srm-csep__section-title {
    font-size: 3.13rem;
  }
}

.srm-csep__principles {
  margin: 0 0 1rem 0;
  padding: 0;
  list-style: none;
  columns: 2;
  column-gap: 2.5rem;
}

.srm-csep__principles li {
  break-inside: avoid;
  margin-bottom: 1.25rem;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1;
  color: #6d6e70;
}

@media only screen and (max-width: 625px) {
  .srm-csep__principles {
    columns: 1;
  }
}

.srm-csep__logo {
  display: block;
  max-width: 260px;
  height: auto;
  margin: 0 auto 2rem auto;
}

.srm-csep__cta {
  margin: 1.25rem 0 0 0;
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1;
  color: #6d6e70;
}

.srm-audience__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 3rem;
}

@media only screen and (max-width: 765px) {
  .srm-audience__body {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.srm-audience__figure {
  flex: 0 0 32%;
  text-align: center;
}

.srm-audience__figure img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.srm-audience__text {
  flex: 1 1 auto;
  max-width: 40rem;
}

.srm-audience__text h3 {
  margin-top: 1.75rem;
}

.srm-audience__text h4 {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.8rem;
  letter-spacing: -0.05em;
  color: #2980b9;
  margin-top: 2rem;
}

@media only screen and (min-width: 1030px) {
  .srm-audience__text h4 {
    font-size: 2rem;
  }
}

.srm-post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.srm-post-list__item {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #dddddd;
}

.srm-post-list__item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.srm-post-list__item h3 {
  margin-bottom: 0.5rem;
}

.srm-post-list__item h3 a:hover, .srm-post-list__item h3 a:active, .srm-post-list__item h3 a:focus {
  color: #004987;
}

.srm-post__article {
  max-width: 48.31rem;
  margin: 0 auto;
}

.srm-post__article {
  font-size: 1.48rem;
  line-height: 1.5;
}

.srm-post__title {
  font-family: "Libre Franklin", "Franklin Gothic", sans-serif;
  font-weight: 700;
  font-size: 3.13rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #2980b9;
  margin: 3.75rem 0 0.94rem 0;
}

@media only screen and (max-width: 765px) {
  .srm-post__title {
    font-size: 2.25rem;
    margin-top: 1.5rem;
  }
}

.srm-post .srm-page-content__section {
  display: flow-root;
  padding-top: 0;
}

.srm-post h3 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.98rem;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #6d6e70;
  margin: 1.25rem 0;
}

.srm-ordered-list {
  margin: 0 0 1.5rem 0;
  padding-left: 1.4rem;
}

.srm-ordered-list li {
  margin-bottom: 0.4rem;
}

.srm-post__nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #dddddd;
}

.srm-legal h3 {
  margin-top: 2rem;
}

.srm-clause {
  padding-left: 2rem;
}

.srm-sitemap-list {
  list-style: none;
  margin: 0 0 2rem 0;
  padding: 0;
}

.srm-sitemap-list li {
  margin-bottom: 0.35rem;
}

.srm-contact h3 {
  margin-top: 2rem;
}

.srm-contact__phone {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  color: #2980b9;
}

.srm-resource {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2.5rem;
  padding: 2rem 0;
  border-bottom: 1px solid #dddddd;
}

.srm-resource:last-child {
  border-bottom: 0;
}

@media only screen and (max-width: 625px) {
  .srm-resource {
    flex-direction: column;
    gap: 1rem;
  }
}

.srm-resource__figure {
  flex: 0 0 200px;
  text-align: center;
}

.srm-resource__figure img {
  display: inline-block;
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
}

.srm-resource__text {
  flex: 1 1 auto;
}

.srm-resource__text h3 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: normal;
  color: #2980b9;
  margin-bottom: 0.5rem;
}

@media only screen and (min-width: 1030px) {
  .srm-resource__text h3 {
    font-size: 1.75rem;
  }
}