@font-face {
  font-family: 'Canela Thin';
  src: url("../fonts/CanelaText-Thin-Web.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
}

* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  font-family: 'Canela Thin';
  min-height: calc(var(--vh, 1vh) * 100);
}

p {
  font-size: 15px;
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100);
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3vmin 5vmin 10vmin;
}

.header h1 {
  font-weight: normal;
}

.header a {
  color: rgba(0, 0, 0, 0.71);
  font-size: 1.4rem;
  letter-spacing: 2px;
  text-decoration: none;
  -webkit-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}

.header a:hover {
  color: #000;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
}

.main .letter {
  padding: 0 8%;
  width: 57.8%;
}

.main .letter p {
  line-height: 1.5;
  padding: 0 0 1rem;
}

.main .letter p.intro {
  padding: 0 0 2rem;
}

.main .letter p.outro {
  padding: 1rem 0 0;
}

.main .image {
  width: 42.2%;
  background: url(../img/sam-image.jpg?v=1) center no-repeat;
  background-size: cover;
  position: relative;
}

.main .image a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.main .image a img {
  width: 80px;
  height: auto;
  opacity: 0.7;
}

.main .image a:hover img {
  opacity: 1;
}

.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 6vmin 5vmin 3vmin;
}

.footer .legals {
  color: rgba(0, 0, 0, 0.71);
  font-size: .6rem;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.footer .legals a {
  color: rgba(0, 0, 0, 0.71);
  text-decoration: none;
  -webkit-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}

.footer .legals a:hover {
  color: #000;
}

.footer .legals .separator {
  padding: 0 .25rem;
}

.footer .socials a {
  color: rgba(0, 0, 0, 0.71);
  font-size: 1rem;
  padding: .25rem;
  margin-left: .75rem;
  -webkit-transition: 150ms ease-in-out;
  transition: 150ms ease-in-out;
}

.footer .socials a:hover {
  color: #000;
}

@media (max-width: 900px) {
  .header {
    padding: 3vmin 5vmin 18vmin;
  }
  .main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .main .letter {
    padding: 8% 16% 0 16%;
    width: 100%;
  }
  .main .image {
    height: 52vw;
    width: 100%;
  }
  .footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .footer .legals {
    text-align: center;
    width: 100%;
  }
  .footer .socials {
    padding-bottom: 1rem;
    text-align: center;
    width: 100%;
  }
  .footer .socials a {
    margin: 0 .375rem;
  }
}

.push-global-ccpa {
  display: none;
}
/*# sourceMappingURL=styles.css.map */