@import 'https://fonts.googleapis.com/icon?family=Material+Icons';
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

html {
  font-size: 62.5% !important;
  color: #343434;
  background-color: #FFFFFF;
}

body {
  font-size: 2.2rem;
  font-family: "Helvetica", "Arial", sans-serif;
}

h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

h2 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

h3 {
  font-size: 2rem;
  margin-bottom: 1rem;
}

p {
  margin-bottom: 1rem;
}

a {
  text-decoration: none;
  color: #343434;
}
a:hover, a:focus {
  text-decoration: underline;
}
a:active {
  text-decoration: none;
}

address {
  font-style: normal;
  line-height: 1.5em;
}

input {
  outline: none;
  padding: 1rem;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 2.2rem;
  border-width: 0.1rem;
  border-radius: 0.2rem;
}

input[type=text]::-webkit-input-placeholder {
  color: #8C8C8C;
  font-weight: lighter;
  font-style: italic;
}

input[type=text]::-moz-placeholder {
  color: #8C8C8C;
  font-weight: lighter;
  font-style: italic;
}

input[type=text]:-ms-input-placeholder {
  color: #8C8C8C;
  font-weight: lighter;
  font-style: italic;
}

input[type=text]::-ms-input-placeholder {
  color: #8C8C8C;
  font-weight: lighter;
  font-style: italic;
}

input[type=text]::placeholder {
  color: #8C8C8C;
  font-weight: lighter;
  font-style: italic;
}

form.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
form.search button[type=submit] {
  color: #FFFFFF;
  background-color: #BBBBBB;
  outline: none;
  border: none;
  padding: 1rem;
}
form.search button[type=submit]:hover, form.search button[type=submit]:focus {
  background-color: #9B9B9B;
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

main {
  margin: 0 auto;
  width: 100%;
  max-width: 160rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

header {
  background-color: #9AFFD8;
  color: #343434;
  background-image: linear-gradient(135deg, #9AFFD8 0%, #0054C4 100%);
}
header nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
header nav #logo {
  font-size: 0;
  display: inline-block;
  width: 50rem;
  height: 10rem;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 70%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MDAiIHpvb21BbmRQYW49Im1hZ25pZnkiIHZpZXdCb3g9IjAgMCA1MjUgMTg3LjUiIGhlaWdodD0iMjUwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0IiB4bWxuczp2PSJodHRwczovL3ZlY3RhLmlvL25hbm8iPjxkZWZzPjxjbGlwUGF0aCBpZD0iQSI+PHBhdGggZD0iTTI0NS40MjYgNTNIMzU3djc0LjU4NkgyNDUuNDI2em0wIDAiIGNsaXAtcnVsZT0ibm9uemVybyIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNBKSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM0OC40NDUgNTUuMTAyYy0xLjIyNy0uNjA5LTIuNzY2LS45MTgtMi43NjYtLjkxOGExNC45MiAxNC45MiAwIDAgMC0yLjY1Mi0uMjk3Yy02LjQ1NyAwLTEzLjI3IDUuNzI3LTE2Ljk0OSAxNC4yNTQtMi4xMjUgNC45MjYtMi44OTEgMTAuMTA5LTIuMTY4IDE0LjYwNS43MzggNC41NyAyLjk0MSA4LjE2OCA2LjE5OSA5LjgyNGwtMy4zOTEgNy41MmMtLjcxMS4yMDctMS40MS40ODgtMi4wNjIuOTE4bC0xMy4wMzUgOC42MjktMTguNzM0LTI4LjE5OWMtMi4xOTktMy45NDUtOS4yMDctNy44NjMtMTUuOTQxLTUuOTczLTE1Ljg1MiA0Ljg0LTI5LjgyNCAzNC41NDMtMzEuNSA1Mi4wOThsNDguMDYzLjAxMi44ODctMTEuNzI3LTEzLjk1My0yMS4yODFjLS40MDItLjYxNy0uMjMtMS40NDEuMzgzLTEuODQ0czEuNDM4LS4yMyAxLjg0NC4zODNsMjAuODU5IDMxLjUzMWMxLjQ2NSAxLjkyNiAzLjY5OSAyLjk3MyA1Ljk4NCAyLjk3MyAxLjQyNiAwIDIuODcxLS40MDIgNC4xNDgtMS4yNTRsMTkuMzEzLTEyLjc4NWMzLjQ3My0yLjI5NyA0LjQyMi02Ljk2OSAyLjEyNS0xMC40NDEtLjkwNi0xLjM2Ny0yLjE4Ny0yLjMyNC0zLjYxMy0yLjg2N2wyLjYxMy01Ljc5M2MxLjE4OC4zODMgMi40MDYuNTc4IDMuNjM3LjU3OCAyLjYzMyAwIDUuMzEzLS44NzUgNy44NDQtMi41OTggMy42NTYtMi40ODQgNi44ODctNi42ODQgOS4xMDUtMTEuODIgNC42NTYtMTAuNzk3IDEuNzExLTIxLjU2Ni02LjIzOC0yNS41Mjd6bS0uNDMgMjIuNTA4Yy0yLjk5MiA2LjkzOC04LjY1NiAxMS45NzMtMTMuNDY5IDExLjk3My0uODYzIDAtMS42ODQtLjE2NC0yLjQzNy0uNDkyLTIuMzE2LS45OTYtMy45MDItMy40NjUtNC40NjUtNi45NDktLjYxMy0zLjc5My4wNjMtOC4yMyAxLjkwMi0xMi41MDQgMi45OTYtNi45MzQgOC42NjQtMTEuOTczIDEzLjQ4LTExLjk3My44NTkgMCAxLjY4LjE2NCAyLjQzLjQ4OCA1LjAwNCAyLjE2IDYuMTc2IDExLjA3IDIuNTU5IDE5LjQ1N3ptMCAwIi8+PC9nPjxnIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Ik0yOTQuOTY1IDc3LjY0NWM3LjU4NiA0LjQ5NiAxNy4zOTEgMS45OCAyMS44ODMtNS42MDIgNC41LTcuNTk0IDEuOTg4LTE3LjM5OC01LjU5OC0yMS44OTFhMTUuOTggMTUuOTggMCAwIDAtMjEuODk1IDUuNjA1Yy00LjQ5NiA3LjU4Ni0xLjk4OCAxNy4zODcgNS42MDkgMjEuODg3em00My42MDEtMTEuMjA0YzEuMzkxLTEuMzUyIDIuODE2LTEuOTI2IDMuOTEtMS41NzQuNjQxLjIwMyAxLjE4LjcwNyAxLjYwMiAxLjUwOC4zMDkuNTc0IDEuMDIzLjc5NyAxLjYwMi40ODhzLjc5Ny0xLjAyMy40OTItMS41OThjLS43MTktMS4zNDgtMS43NDYtMi4yNjYtMi45OC0yLjY1Ni0xLjk4LS42MjktNC4yMDcuMTI5LTYuMjczIDIuMTMzLTEuODc1IDEuODItMy40NDUgNC41MDgtNC40MTggNy41NjYtLjU5NCAxLjg4Ny0uOTM3IDMuODQtLjk4OCA1LjY0NWExLjE5IDEuMTkgMCAwIDAgMS4xNTIgMS4yMTVoLjAzMWMuNjQxIDAgMS4xNjgtLjUxMiAxLjE4NC0xLjE1Mi4wNDMtMS41ODYuMzQ4LTMuMzEyLjg3OS00Ljk5Mi44NTUtMi42OTEgMi4yMDctNS4wMjcgMy44MDktNi41ODJ6TTE5LjI5IDEyNi44ODJjOC40NTcgMCAxMy45My00LjE0NSAxMy45My0xMC44ODcgMC01LjY5NS0zLjgxNi05LjEyMS0xMy43MDctMTEuNTU1LTcuNTItMS44MjQtMTAuMDA0LTMuODEyLTEwLjAwNC03LjAyIDAtMy43MDMgMy4zMTYtNi4wMjMgOC44NC02LjAyMyA1LjY5NSAwIDkuMjMgMi44NzUgOS4zNDQgNy41MTZoNC44MDljLS4wNTUtNy41MTYtNS40NzMtMTIuMTU2LTE0LjE1Mi0xMi4xNTYtOC40NTMgMC0xMy44MTYgNC4xNDUtMTMuODE2IDEwLjY2NCAwIDUuOTY5IDQuMjU4IDkuMjg1IDEzLjc2MiAxMS41NTUgNi45NjUgMS42NTYgOS44OTUgMy41OSA5Ljg5NSA3LjE4NCAwIDMuODEzLTMuNDI2IDYuMDc4LTguODk4IDYuMDc4LTYuMDIzIDAtMTAuMjI3LTIuOTg0LTEwLjMzNi03Ljk1N0g0LjA5Yy4wNTUgNy41NyA1Ljk2OSAxMi42MDIgMTUuMTk5IDEyLjYwMnptMCAwIi8+PHBhdGggZD0iTTQyLjE2MyAxMjYuMTYzSDY2LjI2di00LjUzMUg0Ny4wMjZ2LTEyLjkzNGgxNy4yNDZ2LTQuNDc3SDQ3LjAyNlY5Mi4wMDdoMTguNjI5di00LjUzNUg0Mi4xNjN6bTI4LjYyNSAwaDUuMTk1bDMuNTM1LTguNzg5aDE4Ljg0OGwzLjY0OCA4Ljc4OWg1LjE0MUw5MS4yMzggODcuNDcyaC00LjUzMXptMTAuNjA5LTEzLjMybDcuNTc0LTE4LjU3IDcuNTcgMTguNTd6bTMyLjMyNSAxMy4zMmg0Ljg2M3YtMTMuODcxaDguNTEybDkuNDUzIDEzLjg3MWg1Ljg1OWwtOS43My0xNC4zNzFjNS42NDEtMS4zODMgOS4xMjEtNS42MzcgOS4xMjEtMTEuODgzIDAtNy42ODQtNS4zMDUtMTIuNDM3LTEzLjMyLTEyLjQzN2gtMTQuNzU4em00Ljg2My0xOC41MTZWOTIuMTE2aDkuMzQ0YzUuNjM3IDAgOC44OTggMi44NzUgOC44OTggNy43OTNzLTMuMjYyIDcuNzM4LTguODk4IDcuNzM4em00OS45MDQgMTkuMjM1YzkuMzk1IDAgMTcuMDIzLTUuNjkxIDE5LjM0NC0xNC4zMTZoLTUuMTQxYy0xLjk4OCA1LjgwNS03LjQ2MSA5LjQ1My0xNC4wMzkgOS40NTMtOC42MjEgMC0xNC43NTgtNi4yNDYtMTQuNzU4LTE1LjE5OXM2LjEzNy0xNS4xOTkgMTQuNzU4LTE1LjE5OWM2LjQxIDAgMTEuNjYgMy40MjYgMTMuNjUyIDkuMDA4aDUuMTk1Yy0yLjU0My04LjUxMi05Ljg5NS0xMy44NzEtMTkuMDEyLTEzLjg3MS0xMS4zODcgMC0xOS41NjYgOC4zOTgtMTkuNTY2IDIwLjA2M3M4LjE4IDIwLjA2MyAxOS41NjYgMjAuMDYzem01My4zMjYtLjcxOWg0Ljg2M1Y4Ny40NzJoLTQuODYzdjE2LjYzN2gtMjAuNTA4Vjg3LjQ3MmgtNC44NjN2MzguNjkxaDQuODYzdi0xNy40MWgyMC41MDh6bTE2MS4xMTQgMGg0LjUzMWwxMS42MDUtMzEuMzQgNi40MTQgMTcuMjQ2IDUuMjUgMTQuMDk0aDQuNTMxbDEyLjYwMi0zOC42OTFoLTUuMDg2bC05Ljk0NSAzMC45NTMtMTEuNDQxLTMwLjk1M2gtNC41OWwtMTEuNDQxIDMwLjg5OC00LjUzMS0xNC4yMDMtNS4zNTktMTYuNjk1aC01LjA4NnptNTEuNjA3IDBoMjQuMDk4di00LjUzMUg0MzkuNHYtMTIuOTM0aDE3LjI0NnYtNC40NzdINDM5LjRWOTIuMDA3aDE4LjYyOXYtNC41MzVoLTIzLjQ5MnptMzMuMzIxIDBoMjMuNjU2di00LjY0NUg0NzIuNzJWODcuNDcyaC00Ljg2M3ptMzEgMGgyMy42NTZ2LTQuNjQ1SDUwMy43MlY4Ny40NzJoLTQuODYzem0wIDAiLz48L2c+PC9zdmc+);
}

footer {
  background-color: #E7E9ED;
  color: #343434;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding: 1rem 1rem 2rem 1rem;
}
footer a {
  font-size: 1.5rem;
}
footer .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  width: 100%;
  max-width: 20rem;
  margin: 2rem 1rem;
}
footer .copyright {
  font-size: 1.3rem;
}

#contact {
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 1rem;
}

#error {
  display: grid;
  grid-template-areas: "subTitle" "search";
  justify-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-template-rows: auto 1fr;
  padding: 1rem;
}
#error h1 {
  grid-area: subTitle;
}
#error form {
  grid-area: search;
}

#home {
  display: grid;
  grid-template-areas: "subTitle" "search";
  justify-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-template-rows: auto 1fr;
  padding: 1rem;
}
#home h1 {
  grid-area: subTitle;
}
#home form {
  grid-area: search;
}

#landing {
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 1rem;
}
#landing #subTitle {
  font-size: 1.5rem;
  text-align: right;
  margin: 1rem 1rem 0.2rem 0;
}
@media screen and (max-width: 768px) {
  #landing #subTitle {
    margin-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #landing #sidebar {
    display: none;
  }
}
#landing #sidebar {
  float: left;
  background-color: #E7E9ED;
  border-radius: 0.5rem;
  min-width: 25rem;
  height: calc(100vh - 400px);
  min-height: 50vh;
  margin-bottom: 2rem;
  overflow-y: auto;
}
#landing #sidebar .sidebar-title {
  font-size: 1.5rem;
  padding: 1.5rem 2rem 0 1.5rem;
}
#landing #sidebar .result {
  font-size: 1.7rem;
  font-weight: 100;
  padding: 1rem 2rem;
  display: block;
  text-decoration: none;
}
#landing #sidebar .result:hover {
  background-color: rgb(216.4285714286, 219.6428571429, 226.0714285714);
}
#landing #results {
  margin: 0 auto 3rem auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  #landing #results {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 3rem;
  }
}
#landing #results .result {
  border-radius: 0.5rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  #landing #results .result {
    -ms-flex-preferred-size: calc(50% - 1.5rem);
        flex-basis: calc(50% - 1.5rem);
  }
}
@media screen and (min-width: 1200px) {
  #landing #results .result {
    -ms-flex-preferred-size: calc(33.333% - 1.5rem);
        flex-basis: calc(33.333% - 1.5rem);
  }
}
#landing #results .result:hover {
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
#landing #results .result a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  font-weight: bold;
  text-decoration: none;
  border-radius: 0.5rem;
  overflow: hidden;
  position: relative;
}
#landing #results .result a:hover, #landing #results .result a:focus {
  text-decoration: none;
}
#landing #results .result a:hover .resultText, #landing #results .result a:focus .resultText {
  text-decoration: underline;
}
#landing #results .result a img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#landing #results .result a:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
#landing #results .result a .resultText {
  padding: 1.5rem;
  padding-bottom: 1.8rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  min-height: 4rem;
}
#landing #results .result a .action {
  width: 2rem;
  height: 2rem;
  margin: 0 1rem 1rem auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHZlcnNpb249IjEuMSI+DQogIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiIC8+DQogIDxwYXRoIGQ9Ik0gMi4wMSwyMSAyMywxMiAyLjAxLDMgdiAwIGwgNS41NjE0Mjg1LDkuMzU3MTQzIHoiIC8+DQo8L3N2Zz4NCg==);
}

#privacy {
  padding: 1rem;
}
#privacy ul {
  margin: 1rem 0;
}
#privacy ul > li {
  list-style: disc;
  list-style-position: outside;
  margin-bottom: 0.5rem;
  margin-left: 2rem;
}
#privacy table, #privacy th, #privacy td {
  border: 1px solid;
}
#privacy table {
  table-layout: fixed;
  width: 100%;
  font-size: 1.5rem;
  border-collapse: collapse;
  margin: 1rem 0;
}
#privacy th, #privacy td {
  padding: 1rem;
}