body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}
* {
  margin: 0;
  padding: 0;
}
:root {
  --main-text: #1e1e21;
  --light-cream: #f9f8f6;
  --light-gray: #dbdad9;
  --light-brown: #7b6f6e;
  --content-width: 90vw;
  --image-width: 40vw;
}
@font-face {
  font-family: Lato-Regular;
  src: url(../media/Lato-Regular.bd03a2cc.woff2) format("woff2"),
    url(../media/Lato-Regular.27bd77b9.woff) format("woff"),
    url(../media/Lato-Regular.8ab18d93.eot) format("eot"),
    url(../media/Lato-Regular.6d4e7822.ttf) format("ttf");
  font-weight: 400;
}
@font-face {
  font-family: Lato-Light;
  src: url(../media/Lato-Light.72443183.woff2) format("woff2"),
    url(../media/Lato-Light.90301aa0.woff) format("woff"),
    url(../media/Lato-Light.4afee4c9.eot) format("eot"),
    url(../media/Lato-Light.cf44fd55.ttf) format("ttf");
  font-weight: 300;
}
@font-face {
  font-family: Martel;
  font-style: normal;
  font-weight: 300;
  src: url(../media/martel-sans-v5-latin-ext-300.9d312ee2.eot);
  src: url(../media/martel-sans-v5-latin-ext-300.9d312ee2.eot?#iefix)
      format("embedded-opentype"),
    url(../media/martel-sans-v5-latin-ext-300.d22f08cd.woff2) format("woff2"),
    url(../media/martel-sans-v5-latin-ext-300.6e870b6d.woff) format("woff"),
    url(../media/martel-sans-v5-latin-ext-300.f8c38f84.ttf) format("truetype");
}
body,
div#root,
html {
  width: 100%;
  height: 100%;
}
body {
  font-family: Lato-Light;
  font-weight: 600;
  font-size: 1.12rem;
  line-height: 1.7rem;
  color: #3f3f43;
  color: var(--main-text);
}
strong {
  font-family: Lato-Regular;
  font-weight: 600;
}
button {
  border: none;
  background: transparent;
  font-family: Lato-Regular;
  font-size: 1.12rem;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.revealed span {
  display: none;
}
.revealed:after {
  content: '682 793';
}
.center-box {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
a.content-button {
  min-width: 8rem;
  background: #1e1e21;
  background: var(--main-text);
  height: 3rem;
  border-radius: 2rem;
  line-height: 3rem;
  padding: 0.5rem 2rem;
  color: #f9f8f6;
  color: var(--light-cream);
  text-transform: uppercase;
  font-size: 0.95rem;
  font-family: Lato-Regular;
  margin: 2rem auto;
  text-decoration: none;
  text-align: center;
}
#root > div {
  top: 0 !important;
}
a.rectangle {
  border: 2px solid;
  min-width: 8rem;
}
a.circle {
  width: 3rem;
  -webkit-clip-path: circle(48% at center);
  clip-path: circle(48% at center);
}
a.button {
  font-family: Lato-Regular;
  margin: 0 0.5rem 0.5rem;
  font-size: 1.2rem;
  line-height: 3rem;
  border-radius: 1.5rem;
  display: inline-flex;
  justify-content: center;
  align-content: center;
  color: #fff;
  background: #1e1e21;
  background: var(--main-text);
  text-decoration: none;
  vertical-align: middle;
  height: 3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-color: #1e1e21;
  border-color: var(--main-text);
  box-sizing: border-box;
}
a.button:hover {
  color: #1e1e21;
  color: var(--main-text);
  background: #dadadf;
}
a.button path {
  fill: #fff;
}
a.button:hover path {
  fill: #1e1e21;
  fill: var(--main-text);
}
p {
  margin-bottom: 1.25rem;
}
h1 {
  font-size: 3.5rem;
  font-weight: 300;
  font-family: Lato-Light;
  margin-bottom: 2rem;
  line-height: 4rem;
}
.intro-image {
  width: 40vw;
  width: var(--image-width);
  height: 40vw;
  height: var(--image-width);
  margin: 4rem auto 3rem;
  box-sizing: border-box;
  border-radius: 40vw;
  border-radius: var(--image-width);
  overflow: hidden;
}
.quote {
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  padding: 10rem 2rem;
}
h3 {
  font-size: 1.8rem;
  font-weight: 400;
  font-family: Lato-Regular;
  margin-bottom: 2rem;
  line-height: 3rem;
}
.quote h3 {
  max-width: 700px;
  min-width: 300px;
  font-style: italic;
}
ul {
  padding-left: 2rem;
  margin-bottom: 1.25rem;
}
.last {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.full-frame {
  width: 100%;
  padding: 7rem 4rem;
  box-sizing: border-box;
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.full-frame h1 {
  max-width: 700px;
  min-width: 300px;
}
.main-content {
  padding: 7rem 4rem;
  margin: 0 auto;
}
.content-wrapper {
  display: flex;
  flex-direction: row;
  max-width: 1000px;
  min-width: 300px;
  margin: 0 auto;
}
.column {
  width: 50%;
}
.column:first-child {
  padding-right: 2rem;
}
hr {
  border: none;
  background-color: #dbdad9;
  background-color: var(--light-gray);
  height: 1px;
  margin: 3rem 0;
}
.buttons-language {
  margin-bottom: 2rem;
}
.main-image {
  width: 100vw;
  height: 70vw;
  margin: 0 auto;
  background-image: url(../media/IMG_0328.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.second-image {
  background-image: url(../media/IMG_0808.jpg);
}
.back-dark {
  background: #1e1e21;
  background: var(--main-text);
}
.back-light {
  background: #f9f8f6;
  background: var(--light-cream);
}
@media (max-width: 600px) {
  .main-content {
    padding: 4rem 1rem;
  }
  .full-frame {
    padding: 4rem 2rem;
  }
  h1 {
    font-size: 2.5rem;
    line-height: 3.2rem;
  }
  :root {
    --image-width: 80vw;
  }
  .content-wrapper {
    max-width: 480px;
    flex-direction: column;
  }
  .column {
    width: 90%;
    margin: 0 auto;
  }
  .column:first-child {
    padding-right: 0;
  }
}
@media (min-width: 1000px) {
  .content-wrapper {
    max-width: 980px;
  }
}
@media (min-width: 1400px) {
  .content-wrapper {
    max-width: 1280px;
  }
}
/*# sourceMappingURL=main.eb2931f1.chunk.css.map */