@font-face {
  font-family: "ProximaNova-Black";
  src: url("/static/core/styles/fonts/ProximaNova-Black.ttf?1a39eb155dba") format("truetype"); }

@font-face {
  font-family: "ProximaNova-Bold";
  src: url("/static/core/styles/fonts/ProximaNova-Bold.ttf?1a39eb155dba") format("truetype"); }

@font-face {
  font-family: "ProximaNova-Extrabld";
  src: url("/static/core/styles/fonts/ProximaNova-Extrabld.ttf?1a39eb155dba") format("truetype"); }

@font-face {
  font-family: "ProximaNova-Light";
  src: url("/static/core/styles/fonts/ProximaNova-Light.ttf?1a39eb155dba") format("truetype"); }

@font-face {
  font-family: "ProximaNova-Regular";
  src: url("/static/core/styles/fonts/ProximaNova-Regular.ttf?1a39eb155dba") format("truetype"); }

@font-face {
  font-family: "ProximaNova-Semibold";
  src: url("/static/core/styles/fonts/ProximaNova-Semibold.ttf?1a39eb155dba") format("truetype"); }

@font-face {
  font-family: "ProximaNova-Thin";
  src: url("/static/core/styles/fonts/ProximaNovaT-Thin.ttf?1a39eb155dba") format("truetype"); }

@font-face {
  font-family: 'Circular-Standard-Bold';
  src: url("/static/core/styles/fonts/CircularStd-Bold.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Circular-Standard-Book';
  src: url("/static/core/styles/fonts/CircularStd-Book.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Circular-Standard-Black';
  src: url("/static/core/styles/fonts/CircularStd-Black.otf?1a39eb155dba"); }

@font-face {
  font-family: 'FreightText-Pro-Book-Regular';
  src: url("/static/core/styles/fonts/FreightText-Pro-Book-Regular.otf?1a39eb155dba"); }

@font-face {
  font-family: 'FreightText-Pro-Black-Regular';
  src: url("/static/core/styles/fonts/FreightText-Pro-Black-Regular.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Grotesk-Light';
  src: url("/static/core/styles/fonts/ABCMonumentGrotesk-Light.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Grotesk-Regular';
  src: url("/static/core/styles/fonts/ABCMonumentGrotesk-Regular.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Grotesk-Medium';
  src: url("/static/core/styles/fonts/ABCMonumentGrotesk-Medium.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Grotesk-Bold';
  src: url("/static/core/styles/fonts/ABCMonumentGrotesk-Bold.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Bradford-Black';
  src: url("/static/core/styles/fonts/BradfordLL-Black.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Bradford-Bold';
  src: url("/static/core/styles/fonts/BradfordLL-Bold.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Bradford-Book';
  src: url("/static/core/styles/fonts/BradfordLL-Book.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Bradford-Light';
  src: url("/static/core/styles/fonts/BradfordLL-Light.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Bradford-Medium';
  src: url("/static/core/styles/fonts/BradfordLL-Medium.otf?1a39eb155dba"); }

@font-face {
  font-family: 'Bradford-Regular';
  src: url("/static/core/styles/fonts/BradfordLL-Regular.otf?1a39eb155dba"); }

/* line 1, server/static/core/styles/layout.scss */
.container {
  padding: 16px; }
  @media (max-width: 768px) {
    /* line 1, server/static/core/styles/layout.scss */
    .container {
      padding: 8px; } }
/* line 9, server/static/core/styles/layout.scss */
.row {
  width: 100%; }

/* line 13, server/static/core/styles/layout.scss */
.section {
  margin-bottom: 1.75rem; }
  /* line 15, server/static/core/styles/layout.scss */
  .section__header {
    margin-bottom: 1.5rem; }

/* line 20, server/static/core/styles/layout.scss */
.columns {
  display: flex;
  align-items: center; }

/* line 25, server/static/core/styles/layout.scss */
.column {
  width: 100%;
  padding: 2rem;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1; }
  @media (max-width: 375px) {
    /* line 25, server/static/core/styles/layout.scss */
    .column {
      padding: 1rem; } }
/* line 39, server/static/core/styles/layout.scss */
.home__is-one-quarter {
  width: 30%;
  flex-shrink: 2; }

/* line 45, server/static/core/styles/layout.scss */
.is-one-third {
  flex: none;
  width: 25rem; }

/* line 50, server/static/core/styles/layout.scss */
.is-one-eigth {
  flex: none;
  width: 12.5%; }

/* line 55, server/static/core/styles/layout.scss */
.has-text-centered {
  text-align: center; }

/* line 59, server/static/core/styles/layout.scss */
.flex-container {
  display: flex; }

/* line 64, server/static/core/styles/layout.scss */
.content {
  display: flex; }
  /* line 67, server/static/core/styles/layout.scss */
  .content__right {
    margin: 0 2rem; }
    @media (max-width: 375px) {
      /* line 67, server/static/core/styles/layout.scss */
      .content__right {
        margin: 0; } }
  @media (min-width: 1200px) {
    /* line 64, server/static/core/styles/layout.scss */
    .content {
      width: 1200px;
      margin: auto; } }
/* line 82, server/static/core/styles/layout.scss */
section h5 {
  margin: 2.5rem 0; }

/* line 86, server/static/core/styles/layout.scss */
.a-container {
  text-align: center;
  margin: 3rem;
  letter-spacing: .05rem; }

/* line 92, server/static/core/styles/layout.scss */
.breed-card {
  color: #2a487b;
  text-decoration: none;
  padding: 1.25rem;
  background-color: #e9ecf1;
  margin: .5rem 0; }
  /* line 99, server/static/core/styles/layout.scss */
  .breed-card__breed {
    font-family: "Circular-Standard-Book";
    color: #2a487b;
    margin: .5rem 0;
    text-transform: uppercase;
    font-size: 1.5rem; }
  /* line 106, server/static/core/styles/layout.scss */
  .breed-card__title {
    font-family: "Circular-Standard-Book";
    color: #2a487b; }
  /* line 110, server/static/core/styles/layout.scss */
  .breed-card__attribute {
    list-style-type: none;
    font-family: "FreightText-Pro-Book-Regular";
    color: #2a487b;
    font-size: 0.875rem;
    line-height: 1.25rem; }
  @media (min-width: 769px) {
    /* line 92, server/static/core/styles/layout.scss */
    .breed-card {
      position: -webkit-sticky;
      position: sticky;
      top: 5rem; } }
@media (max-width: 768px) {
  /* line 126, server/static/core/styles/layout.scss */
  .shrink-for-mobile {
    font-size: 2.5rem; } }

/* line 134, server/static/core/styles/layout.scss */
.left-card {
  flex: none;
  width: 25%;
  min-width: 25rem; }

/* line 140, server/static/core/styles/layout.scss */
.visual-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around; }
  /* line 145, server/static/core/styles/layout.scss */
  .visual-info--half {
    flex-basis: 0; }

/* line 154, server/static/core/styles/layout.scss */
.top {
  padding: 0 10%; }
  @media (max-width: 768px) {
    /* line 154, server/static/core/styles/layout.scss */
    .top {
      padding: 0 3%; } }
  /* line 161, server/static/core/styles/layout.scss */
  .top--title {
    font-family: "Circular-Standard-Book";
    font-size: 2.5rem; }
    @media (min-width: 768px) {
      /* line 161, server/static/core/styles/layout.scss */
      .top--title {
        margin: 2.5rem 5rem; } }
    @media (max-width: 768px) {
      /* line 161, server/static/core/styles/layout.scss */
      .top--title {
        font-size: 25px; } }
  /* line 174, server/static/core/styles/layout.scss */
  .top--text {
    margin: 2rem 0; }

/* line 183, server/static/core/styles/layout.scss */
.breed-article {
  display: flex;
  flex-direction: row;
  padding: 32px; }
  @media screen and (min-width: 0) and (max-width: 1200px) {
    /* line 183, server/static/core/styles/layout.scss */
    .breed-article {
      flex-direction: column; } }
/* line 193, server/static/core/styles/layout.scss */
.breed-section {
  align-self: flex-start;
  background-color: #9FCDFF;
  padding: 16px 20px;
  margin-right: 32px; }
  @media screen and (min-width: 0) and (max-width: 1200px) {
    /* line 193, server/static/core/styles/layout.scss */
    .breed-section {
      width: 100%;
      margin-bottom: 16px;
      margin-right: 0px; } }
/* line 206, server/static/core/styles/layout.scss */
.breed-section-block {
  width: 440px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom-width: 1px;
  border-bottom-color: #828282;
  border-bottom-style: solid; }
  /* line 214, server/static/core/styles/layout.scss */
  .breed-section-block:last-of-type {
    border-bottom-width: 0px; }
  @media screen and (min-width: 0) and (max-width: 1200px) {
    /* line 206, server/static/core/styles/layout.scss */
    .breed-section-block {
      width: 100%; } }
/* line 223, server/static/core/styles/layout.scss */
.breed-section-block h6 {
  color: #000;
  font-family: 'Grotesk-Medium';
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 8px; }

/* line 231, server/static/core/styles/layout.scss */
.breed-section-block h3, .breed-content-block h3 {
  color: #000;
  font-family: 'Grotesk-Regular';
  font-size: 30px;
  line-height: 26px; }

/* line 238, server/static/core/styles/layout.scss */
.breed-section-block ul {
  list-style-type: none; }

/* line 242, server/static/core/styles/layout.scss */
.breed-section-block li, .breed-section-block span {
  color: #000;
  font-family: 'Bradford-Light';
  font-size: 18px;
  font-style: normal;
  line-height: 26px;
  /* 144.444% */
  text-transform: capitalize; }

/* line 251, server/static/core/styles/layout.scss */
.breed-image {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px; }

/* line 257, server/static/core/styles/layout.scss */
.breed-content h2 {
  color: #000;
  font-family: 'Grotesk-Regular';
  font-size: 55px;
  line-height: 65px;
  margin-bottom: 48px; }

/* line 265, server/static/core/styles/layout.scss */
.breed-content-block {
  margin-bottom: 32px;
  padding-bottom: 32px;
  border-bottom-width: 2px;
  border-bottom-color: #000;
  border-bottom-style: solid; }

/* line 273, server/static/core/styles/layout.scss */
.breed-content-block p {
  color: #000;
  font-family: 'Bradford-Light';
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  margin: 0 0 32px 0; }

/* line 283, server/static/core/styles/layout.scss */
.breed-get-offer {
  display: block;
  width: 100%;
  color: #000 !important;
  text-align: center;
  font-family: 'Grotesk-Regular' !important;
  font-size: 26px !important;
  font-style: normal;
  line-height: 26px;
  text-decoration-line: underline; }

/* line 295, server/static/core/styles/layout.scss */
.breed-content-block a {
  color: inherit;
  font-size: inherit;
  font-family: inherit; }

/* line 301, server/static/core/styles/layout.scss */
.breed-img-grid {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 301, server/static/core/styles/layout.scss */
    .breed-img-grid {
      flex-direction: column;
      margin-bottom: 0px; } }
/* line 313, server/static/core/styles/layout.scss */
.breed-img-grid img {
  width: 100px;
  height: 100px;
  margin-right: 32px; }

/* line 319, server/static/core/styles/layout.scss */
.breed-img-gred-block {
  display: flex;
  width: 320px;
  align-items: center; }
  @media screen and (min-width: 0) and (max-width: 1200px) {
    /* line 319, server/static/core/styles/layout.scss */
    .breed-img-gred-block {
      width: 100%px; } }
/* line 328, server/static/core/styles/layout.scss */
.breed-img-gred-block h6 {
  color: #000;
  font-family: 'Grotesk-Medium';
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 8px; }

/* line 338, server/static/core/styles/layout.scss */
.breed-img-gred-block span {
  color: #000;
  font-family: "Bradford-Light";
  font-size: 18px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  text-transform: capitalize; }

/* line 348, server/static/core/styles/layout.scss */
.articles {
  padding: 32px;
  text-align: center; }

/* line 353, server/static/core/styles/layout.scss */
.articles h3 {
  font-size: 24px;
  color: #000;
  font-family: 'Grotesk-Regular';
  line-height: 26px; }

/* line 360, server/static/core/styles/layout.scss */
.articles h5 {
  font-size: 18px;
  color: #000;
  font-family: 'Grotesk-Regular';
  line-height: 26px; }

/* line 367, server/static/core/styles/layout.scss */
.articles a {
  display: block;
  color: #000;
  font-family: 'Bradford-Light';
  font-size: 18px;
  font-style: normal;
  line-height: 26px;
  padding-bottom: 8px; }

/* line 1, server/static/core/styles/navbar.scss */
.header {
  background-color: white;
  z-index: 1000; }

/* line 6, server/static/core/styles/navbar.scss */
.navbar {
  display: flex;
  border-bottom: 2px solid black;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 6, server/static/core/styles/navbar.scss */
    .navbar {
      padding-left: 8px;
      padding-right: 8px; } }
/* line 20, server/static/core/styles/navbar.scss */
.navbar-start {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: auto; }

/* line 27, server/static/core/styles/navbar.scss */
.navbar-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto; }

/* line 34, server/static/core/styles/navbar.scss */
.navbar-item {
  color: #232323;
  font-family: 'Grotesk-Medium';
  font-size: 20px;
  text-transform: uppercase;
  padding-right: 24px; }

/* line 42, server/static/core/styles/navbar.scss */
.navbar-logo {
  width: 200px;
  height: 40px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 42, server/static/core/styles/navbar.scss */
    .navbar-logo {
      width: 155px;
      height: 32px; } }
/* line 52, server/static/core/styles/navbar.scss */
.mobile-navbar {
  background-color: #9FCDFF;
  width: 100%;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px; }

/* line 60, server/static/core/styles/navbar.scss */
.mobile-navbar-item {
  padding-top: 4px;
  padding-bottom: 4px; }

/* line 65, server/static/core/styles/navbar.scss */
.mobile-navbar-item a {
  color: #000000; }

/* line 1, server/static/core/styles/buttons.scss */
.button {
  border: none;
  border-radius: 2px;
  padding: .9rem 1.5rem;
  background-color: #F7946C;
  color: #ffffff;
  font-family: "Circular-Standard-Book";
  font-size: .8rem;
  letter-spacing: .1em;
  text-transform: uppercase; }
  /* line 11, server/static/core/styles/buttons.scss */
  .button--blue {
    background-color: #2a487b;
    font-size: 1rem;
    font-family: "Circular-Standard-Book";
    font-weight: 600;
    border-radius: 0px;
    margin: 1.25rem 0; }

/* line 21, server/static/core/styles/buttons.scss */
.snt-button {
  width: fit-content;
  background-color: #9FCDFF;
  border-color: black;
  border-style: solid;
  border-width: 2px;
  border-radius: 0; }
  /* line 29, server/static/core/styles/buttons.scss */
  .snt-button:hover {
    background-color: #7FA4CC; }

/* line 34, server/static/core/styles/buttons.scss */
.snt-button a, .snt-button button {
  color: #232323;
  display: inline-block;
  font-family: 'Grotesk-Medium';
  font-size: 20px;
  text-transform: uppercase;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 36px;
  padding-right: 36px; }
  /* line 45, server/static/core/styles/buttons.scss */
  .snt-button a:hover, .snt-button button:hover {
    text-decoration: none; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 34, server/static/core/styles/buttons.scss */
    .snt-button a, .snt-button button {
      font-size: 14px;
      text-decoration: none;
      padding-left: 12px;
      padding-right: 12px; } }
/* line 57, server/static/core/styles/buttons.scss */
.snt-button button {
  border-width: 0px;
  background-color: #9FCDFF; }
  /* line 61, server/static/core/styles/buttons.scss */
  .snt-button button:hover {
    background-color: #7FA4CC; }

/* line 1, server/static/core/styles/footer.scss */
.footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  width: 100%;
  background-color: #9fcdff;
  color: black;
  padding-top: 48px;
  padding-bottom: 48px; }
  @media screen and (min-width: 768px) and (max-width: 1080px) {
    /* line 1, server/static/core/styles/footer.scss */
    .footer {
      padding-top: 48px;
      padding-bottom: 48px;
      padding-left: 24px;
      padding-right: 24px; } }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 1, server/static/core/styles/footer.scss */
    .footer {
      padding-top: 48px;
      padding-bottom: 48px;
      padding-left: 24px;
      padding-right: 24px; } }
/* line 28, server/static/core/styles/footer.scss */
.footer-container {
  width: 1000px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0; }
  @media screen and (min-width: 0) and (max-width: 1080px) {
    /* line 28, server/static/core/styles/footer.scss */
    .footer-container {
      width: 100%; } }
  @media screen and (min-width: 768px) and (max-width: 1080px) {
    /* line 28, server/static/core/styles/footer.scss */
    .footer-container {
      justify-content: center; } }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 28, server/static/core/styles/footer.scss */
    .footer-container {
      flex-direction: column;
      justify-content: center; } }
/* line 49, server/static/core/styles/footer.scss */
.footer .content {
  width: 679px;
  margin: 0;
  flex-direction: column; }
  @media screen and (min-width: 768px) and (max-width: 1080px) {
    /* line 49, server/static/core/styles/footer.scss */
    .footer .content {
      width: 450px;
      margin-right: 48px; } }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 49, server/static/core/styles/footer.scss */
    .footer .content {
      width: 100%; } }
/* line 65, server/static/core/styles/footer.scss */
.footer .logo-box {
  width: 100%;
  flex-direction: row;
  justify-content: start;
  align-items: center; }

/* line 72, server/static/core/styles/footer.scss */
.footer .logo-img {
  width: 422px;
  height: 86px;
  margin-bottom: 48px; }
  @media screen and (min-width: 0) and (max-width: 1080px) {
    /* line 72, server/static/core/styles/footer.scss */
    .footer .logo-img {
      width: 255px;
      height: 51px;
      margin-bottom: 24px; } }
/* line 84, server/static/core/styles/footer.scss */
.footer-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-bottom: 24px; }
  @media screen and (min-width: 768px) and (max-width: 1080px) {
    /* line 84, server/static/core/styles/footer.scss */
    .footer-links {
      padding-top: 10px; } }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 84, server/static/core/styles/footer.scss */
    .footer-links {
      padding-top: 10px; } }
/* line 99, server/static/core/styles/footer.scss */
.footer-links-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 10px; }

/* line 107, server/static/core/styles/footer.scss */
.footer-links-block div {
  width: 33.33%;
  padding-bottom: 10px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 107, server/static/core/styles/footer.scss */
    .footer-links-block div {
      width: 50%; } }
/* line 116, server/static/core/styles/footer.scss */
.footer-links a {
  color: #171717;
  font-size: 24px;
  font-family: "Grotesk-Medium";
  line-height: 30px;
  letter-spacing: 0px; }
  @media screen and (min-width: 0) and (max-width: 1080px) {
    /* line 116, server/static/core/styles/footer.scss */
    .footer-links a {
      line-height: 20px;
      font-size: 14px; } }
/* line 128, server/static/core/styles/footer.scss */
.social-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 14px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 128, server/static/core/styles/footer.scss */
    .social-box {
      flex-direction: row;
      justify-content: center; } }
/* line 140, server/static/core/styles/footer.scss */
.social-box div {
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  margin-bottom: 6px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 140, server/static/core/styles/footer.scss */
    .social-box div {
      margin-left: 16px;
      margin-right: 16px; } }
/* line 152, server/static/core/styles/footer.scss */
.social-image {
  width: 36px;
  height: 36px; }
  @media screen and (min-width: 0) and (max-width: 1080px) {
    /* line 152, server/static/core/styles/footer.scss */
    .social-image {
      width: 24px;
      height: 24px; } }
/* line 162, server/static/core/styles/footer.scss */
.footer-separator {
  display: none; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 162, server/static/core/styles/footer.scss */
    .footer-separator {
      display: block;
      width: 100%;
      height: 1px;
      background-color: black;
      margin-bottom: 36px; } }
/* line 1, server/static/core/styles/forms.scss */
form {
  margin: 3rem 0; }

/* line 5, server/static/core/styles/forms.scss */
.input {
  font-family: "Circular-Standard-Book";
  font-size: 17px;
  border: 1px solid #2a487b;
  padding: 0.5rem 0.5rem; }

/* line 12, server/static/core/styles/forms.scss */
.input::placeholder {
  color: #5ac4c6;
  font-size: 17px;
  font-family: "Circular-Standard-Book";
  opacity: 1; }

/* line 19, server/static/core/styles/forms.scss */
.select {
  margin: 0 .3rem;
  font-family: "Circular-Standard-Book";
  font-size: 17px;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  border-radius: 0;
  border-bottom: 2px solid #2a487b;
  padding: 0.5rem 0.5rem; }

/* line 34, server/static/core/styles/forms.scss */
#selectBreed {
  width: 5rem; }

/* line 38, server/static/core/styles/forms.scss */
#selectIssue {
  width: 10rem; }

/* line 42, server/static/core/styles/forms.scss */
.select-option {
  font-family: "Circular-Standard-Book";
  font-size: 17px;
  border: 0;
  padding: 0.5rem 0.5rem; }

/* line 1, server/static/core/styles/homepage.scss */
.homepage {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px; }

/* line 10, server/static/core/styles/homepage.scss */
.homepage-title-box {
  margin-top: 36px;
  margin-bottom: 48px;
  padding-left: 16px;
  padding-right: 16px; }

/* line 17, server/static/core/styles/homepage.scss */
.homepage-title-box h2 {
  margin-bottom: 24px; }

/* line 21, server/static/core/styles/homepage.scss */
.homepage-title-box p {
  margin: 0; }

/* line 25, server/static/core/styles/homepage.scss */
.snt-title {
  color: #000;
  text-align: center;
  font-family: 'Grotesk-Regular';
  font-size: 32px;
  letter-spacing: normal; }

/* line 33, server/static/core/styles/homepage.scss */
.snt-title-description {
  color: #000;
  text-align: center;
  font-family: "Bradford-Light";
  font-size: 20px;
  letter-spacing: normal;
  line-height: 26px; }

/* line 42, server/static/core/styles/homepage.scss */
.reason-box {
  display: flex;
  margin: 0;
  max-width: 1100px;
  margin-bottom: 24px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 42, server/static/core/styles/homepage.scss */
    .reason-box {
      flex-direction: column-reverse; } }
/* line 53, server/static/core/styles/homepage.scss */
.reason-box div {
  align-self: center;
  font-family: "Bradford-Light";
  line-height: 26px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 53, server/static/core/styles/homepage.scss */
    .reason-box div {
      margin-bottom: 8px; } }
/* line 63, server/static/core/styles/homepage.scss */
.reason-box img {
  width: 480px;
  height: 320px;
  margin-bottom: 0;
  margin-right: 24px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 63, server/static/core/styles/homepage.scss */
    .reason-box img {
      margin-right: 0px;
      height: auto;
      width: 100%; } }
/* line 76, server/static/core/styles/homepage.scss */
.reason-box h5 {
  color: #000;
  font-family: 'Grotesk-Regular';
  font-size: 20px;
  margin: 0;
  margin-bottom: 8px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 76, server/static/core/styles/homepage.scss */
    .reason-box h5 {
      margin-top: 16px;
      width: 100%; } }
/* line 89, server/static/core/styles/homepage.scss */
.snt-try-today {
  display: flex;
  flex-direction: column;
  align-items: center; }

/* line 95, server/static/core/styles/homepage.scss */
.snt-try-today h5 {
  color: #000;
  font-family: 'Grotesk-Regular';
  font-size: 24px; }

/* line 101, server/static/core/styles/homepage.scss */
.breed-selector-box {
  max-width: 720px; }
  @media screen and (min-width: 0) and (max-width: 768px) {
    /* line 101, server/static/core/styles/homepage.scss */
    .breed-selector-box {
      width: 100%; } }
/* line 109, server/static/core/styles/homepage.scss */
.breed-selector-box form {
  flex-direction: column;
  display: flex;
  align-items: center; }

/* line 115, server/static/core/styles/homepage.scss */
.breed-selector-box h5 {
  color: #000;
  font-family: 'Grotesk-Regular';
  font-size: 18px;
  text-align: center;
  font-style: normal;
  line-height: 24px; }

/* line 124, server/static/core/styles/homepage.scss */
.breed-selector-form {
  display: flex;
  align-items: center; }

/* line 129, server/static/core/styles/homepage.scss */
.breed-select {
  background: transparent;
  border-bottom: 1px solid #000;
  border-radius: 0;
  font-family: 'Grotesk-Medium';
  font-size: 18px;
  margin: 0;
  text-align: center;
  min-width: 6rem;
  padding: 0px;
  height: 42px; }

/* line 142, server/static/core/styles/homepage.scss */
.breed-selector-form h6 {
  color: #000;
  font-family: 'Grotesk-Medium';
  font-size: 24px;
  display: inline; }

/* line 149, server/static/core/styles/homepage.scss */
.breed-selector-form div {
  display: flex; }

/* line 153, server/static/core/styles/homepage.scss */
.breed-add-detail {
  margin-top: 8px;
  margin-bottom: 24px; }

/* line 158, server/static/core/styles/homepage.scss */
.breed-add-detail span {
  font-size: 14px;
  font-family: 'Bradford-Medium'; }

/* line 163, server/static/core/styles/homepage.scss */
.breed-list a, .breed-list p {
  color: #000;
  text-align: center;
  font-family: "Bradford-Light";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; }

/* line 173, server/static/core/styles/homepage.scss */
.breed-list a {
  font-family: "Bradford-Medium";
  text-decoration-line: underline; }

/* line 178, server/static/core/styles/homepage.scss */
.all-breeds-list h6 {
  color: #000;
  font-family: 'Grotesk-Medium';
  font-size: 18px;
  line-height: 20px; }

/* line 185, server/static/core/styles/homepage.scss */
.all-breeds-list h5 {
  color: #000;
  font-family: 'Grotesk-Medium';
  font-size: 24px; }

/* line 191, server/static/core/styles/homepage.scss */
.all-breeds-list div {
  margin-top: 8px;
  text-align: center; }

/* line 196, server/static/core/styles/homepage.scss */
.all-breeds-list a {
  color: #000;
  text-align: center;
  font-family: "Bradford-Medium";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; }

/* line 206, server/static/core/styles/homepage.scss */
.snt-separator {
  width: 100%;
  height: 3px;
  background-color: black;
  margin-top: 48px;
  margin-bottom: 8px; }

/* line 11, server/static/core/styles/base.scss */
html,
body {
  font-family: "FreightText-Pro-Book-Regular";
  font-size: 0.95rem;
  color: #232323;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  height: 100vh; }

/* line 22, server/static/core/styles/base.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 1rem 0;
  letter-spacing: .05rem; }

/* line 32, server/static/core/styles/base.scss */
h1 {
  font-size: 3rem;
  font-family: "Circular-Standard-Book";
  color: #232323; }

/* line 38, server/static/core/styles/base.scss */
h2 {
  font-family: "FreightText-Pro-Book-Regular";
  font-size: 1.75rem;
  color: #232323; }

/* line 44, server/static/core/styles/base.scss */
h3 {
  font-family: "Circular-Standard-Book";
  font-size: 1.375rem;
  color: #232323; }

/* line 53, server/static/core/styles/base.scss */
h4 {
  font-family: "FreightText-Pro-Book-Regular";
  font-size: 3.375rem;
  color: #232323; }

/* line 59, server/static/core/styles/base.scss */
h5 {
  font-family: "Circular-Standard-Book";
  font-size: 1.75rem;
  color: #232323; }

/* line 65, server/static/core/styles/base.scss */
.title-link {
  font-family: "Circular-Standard-Book";
  text-decoration: none;
  font-size: 1.75rem;
  color: #232323; }

/* line 72, server/static/core/styles/base.scss */
h6 {
  font-family: "Circular-Standard-Book";
  font-size: 1rem;
  line-height: 2.75rem;
  color: #232323;
  margin-bottom: 0; }

/* line 80, server/static/core/styles/base.scss */
p {
  font-family: "FreightText-Pro-Book-Regular";
  font-size: 1rem;
  color: #232323;
  line-height: 1.375rem;
  margin: 1.25rem 0; }
  /* line 86, server/static/core/styles/base.scss */
  p__bold {
    font-family: "Circular-Standard-Book"; }

/* line 91, server/static/core/styles/base.scss */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

/* line 97, server/static/core/styles/base.scss */
a {
  text-decoration: none;
  font-family: "Circular-Standard-Book";
  color: #5ac4c6;
  font-size: 1.2rem;
  font-weight: 700; }
  /* line 104, server/static/core/styles/base.scss */
  a:hover {
    text-decoration: underline;
    cursor: pointer; }

/* line 110, server/static/core/styles/base.scss */
button {
  cursor: pointer; }

/* line 114, server/static/core/styles/base.scss */
strong {
  font-family: "Circular-Standard-Book"; }

/* line 118, server/static/core/styles/base.scss */
em {
  font-style: italic; }

/* line 122, server/static/core/styles/base.scss */
hr {
  margin: 1.25rem 0; }

/* line 126, server/static/core/styles/base.scss */
option {
  font-family: "Circular-Standard-Book"; }

/* line 131, server/static/core/styles/base.scss */
.visible {
  visibility: visible; }

/* line 135, server/static/core/styles/base.scss */
.invisible {
  visibility: hidden; }

/* line 139, server/static/core/styles/base.scss */
.error {
  color: red; }

/* line 145, server/static/core/styles/base.scss */
.is-paddingless {
  padding: 0; }

/* line 149, server/static/core/styles/base.scss */
.is-icon-image {
  height: 75px;
  width: 75px; }

/* line 154, server/static/core/styles/base.scss */
.blue-text {
  color: #2a487b; }

/* line 158, server/static/core/styles/base.scss */
.bold-text {
  font-family: "Circular-Standard-Book";
  font-size: 1.4rem; }

/* line 163, server/static/core/styles/base.scss */
.issue {
  padding-left: 2.75rem; }

/* line 167, server/static/core/styles/base.scss */
.splash-page-content {
  font-size: 1.2rem;
  line-height: 1.8rem; }

/* line 172, server/static/core/styles/base.scss */
.is-title-case {
  text-transform: capitalize; }

@media (max-width: 768px) {
  /* line 177, server/static/core/styles/base.scss */
  .is-hidden-mobile {
    display: none; } }

@media (max-width: 1200px) {
  /* line 183, server/static/core/styles/base.scss */
  .is-hidden-tablet {
    display: none; } }

@media (min-width: 1200px) {
  /* line 189, server/static/core/styles/base.scss */
  .is-shown-tablet {
    display: none; } }

@media (min-width: 769px) {
  /* line 195, server/static/core/styles/base.scss */
  .is-shown-mobile {
    display: none; } }