@charset "UTF-8";
/* line 1, www/sites/jon/html/css/_reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 22, www/sites/jon/html/css/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/* line 26, www/sites/jon/html/css/_reset.scss */
body {
  line-height: 1; }

/* line 29, www/sites/jon/html/css/_reset.scss */
ol, ul {
  list-style: none; }

/* line 32, www/sites/jon/html/css/_reset.scss */
blockquote, q {
  quotes: none; }

/* line 35, www/sites/jon/html/css/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* line 40, www/sites/jon/html/css/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'GT-America-Regular';
  src: url("/font/GT-America-Standard-Regular.woff2") format("woff2"), url("/font/GT-America-Standard-Regular.woff") format("woff"); }

/* line 7, www/sites/jon/html/css/_typo.scss */
body {
  font-family: GT-America-Regular;
  font-size: 1.2rem;
  line-height: 1.2em; }
  @media (min-width: 800px) {
    /* line 7, www/sites/jon/html/css/_typo.scss */
    body {
      font-size: 1.35em; } }
  @media (min-width: 1400px) {
    /* line 7, www/sites/jon/html/css/_typo.scss */
    body {
      font-size: 1.5em; } }

/* line 19, www/sites/jon/html/css/_typo.scss */
.services .flex-container h1 {
  font-size: 1.25em;
  line-height: 1.2em; }
  @media (min-width: 1000px) {
    /* line 19, www/sites/jon/html/css/_typo.scss */
    .services .flex-container h1 {
      font-size: 1.5em; } }

/* line 30, www/sites/jon/html/css/_typo.scss */
.intro, .mail {
  font-size: 1.5em;
  line-height: 1.1em; }
  @media (min-width: 600px) {
    /* line 30, www/sites/jon/html/css/_typo.scss */
    .intro, .mail {
      font-size: 1.75em; } }
  @media (min-width: 800px) {
    /* line 30, www/sites/jon/html/css/_typo.scss */
    .intro, .mail {
      font-size: 2em; } }
  @media (min-width: 1000px) {
    /* line 30, www/sites/jon/html/css/_typo.scss */
    .intro, .mail {
      font-size: 2.5em; } }
  @media (min-width: 1400px) {
    /* line 30, www/sites/jon/html/css/_typo.scss */
    .intro, .mail {
      font-size: 3em; } }

/* line 2, www/sites/jon/html/css/_services.scss */
.services header {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer; }
  /* line 7, www/sites/jon/html/css/_services.scss */
  .services header i {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.2em; }
  /* line 14, www/sites/jon/html/css/_services.scss */
  .services header i::after {
    content: "+"; }
  /* line 18, www/sites/jon/html/css/_services.scss */
  .services header.active i::after {
    content: "–"; }
  /* line 22, www/sites/jon/html/css/_services.scss */
  .services header.active span {
    background: #f3f2ff; }
  /* line 26, www/sites/jon/html/css/_services.scss */
  .services header h1 {
    position: relative;
    display: inline-block;
    padding-right: 1em; }
    /* line 31, www/sites/jon/html/css/_services.scss */
    .services header h1 span {
      top: .5em;
      display: inline-block;
      width: 100%;
      height: 1em;
      z-index: -1;
      position: absolute;
      transition: background .25s; }

/* line 43, www/sites/jon/html/css/_services.scss */
.services .service-box {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s; }
  /* line 48, www/sites/jon/html/css/_services.scss */
  .services .service-box.visible {
    max-height: 1000px; }
  /* line 52, www/sites/jon/html/css/_services.scss */
  .services .service-box p {
    background: url(/assets/Okay.svg) no-repeat left 0.15em;
    background-size: 1em;
    padding-left: 2em; }

/* line 60, www/sites/jon/html/css/_services.scss */
.services .flex-container > * {
  border-bottom: solid 1px rgba(0, 0, 0, 0.25);
  margin-bottom: 1em; }

@media (min-width: 800px) {
  /* line 67, www/sites/jon/html/css/_services.scss */
  .services header {
    cursor: default; }
    /* line 69, www/sites/jon/html/css/_services.scss */
    .services header h1 {
      padding-right: 0; }
    /* line 72, www/sites/jon/html/css/_services.scss */
    .services header h1 span {
      background: #f3f2ff; }
    /* line 76, www/sites/jon/html/css/_services.scss */
    .services header i {
      display: none; }
  /* line 80, www/sites/jon/html/css/_services.scss */
  .services .service-box {
    max-height: 1000px; }
  /* line 84, www/sites/jon/html/css/_services.scss */
  .services .flex-container {
    display: flex;
    flex-wrap: wrap; }
    /* line 88, www/sites/jon/html/css/_services.scss */
    .services .flex-container > * {
      flex: 0 1 45%;
      border-bottom: none;
      margin-bottom: 2em; }
      /* line 93, www/sites/jon/html/css/_services.scss */
      .services .flex-container > *:nth-child(2n) {
        margin-left: 10%; } }

/* line 1, www/sites/jon/html/css/_request.scss */
.request {
  padding: 30px 0;
  transition: background 1s; }
  /* line 2, www/sites/jon/html/css/_request.scss */
  .request.darken {
    background: #BAB4FF; }
  /* line 9, www/sites/jon/html/css/_request.scss */
  .request.visible {
    background: #BAB4FF; }
  /* line 13, www/sites/jon/html/css/_request.scss */
  .request .mail {
    text-align: center;
    padding: 4em 0 5em; }
    /* line 16, www/sites/jon/html/css/_request.scss */
    .request .mail img {
      width: 50px;
      display: block;
      margin: 0 auto 2em; }
    /* line 21, www/sites/jon/html/css/_request.scss */
    .request .mail a {
      background-size: 30px; }
  @media (min-width: 800px) {
    /* line 27, www/sites/jon/html/css/_request.scss */
    .request.visible {
      background: #f3f2ff; }
    /* line 30, www/sites/jon/html/css/_request.scss */
    .request .mail img {
      transform: rotate(-90deg);
      display: inline-block;
      margin: 0;
      margin-right: .5em;
      width: .5em; } }

/* line 7, www/sites/jon/html/css/_about.scss */
.about figure {
  transform: rotate(7deg);
  transition: transform 1s; }

/* line 11, www/sites/jon/html/css/_about.scss */
.about.visible figure {
  transform: rotate(0); }

@media (min-width: 1200px) {
  /* line 16, www/sites/jon/html/css/_about.scss */
  .about figure {
    max-width: 1200px;
    width: 50%; }
  /* line 20, www/sites/jon/html/css/_about.scss */
  .about .text-box {
    width: 900px;
    margin: 0 auto; } }

/* line 2, www/sites/jon/html/css/_contact.scss */
.contact figure {
  width: 80px; }

@media (min-width: 600px) {
  /* line 6, www/sites/jon/html/css/_contact.scss */
  .contact .flex-container {
    display: flex; }
    /* line 8, www/sites/jon/html/css/_contact.scss */
    .contact .flex-container > * {
      flex: 0 1 auto;
      margin-right: 3em; } }

/* line 10, www/sites/jon/html/css/main.scss */
body {
  background: white;
  transition: background 1s; }
  /* line 13, www/sites/jon/html/css/main.scss */
  body.darken {
    background: #BAB4FF; }
    /* line 16, www/sites/jon/html/css/main.scss */
    body.darken section.request {
      background: #BAB4FF; }

/* line 34, www/sites/jon/html/css/main.scss */
header#main.fixed {
  position: fixed; }

/* line 39, www/sites/jon/html/css/main.scss */
#container {
  margin: 15px 0; }

/* line 42, www/sites/jon/html/css/main.scss */
figure {
  margin-bottom: 2em; }

/* line 46, www/sites/jon/html/css/main.scss */
img {
  width: 100%; }

/* line 50, www/sites/jon/html/css/main.scss */
section {
  padding: 1px;
  margin-bottom: 30px; }
  /* line 65, www/sites/jon/html/css/main.scss */
  section h1 {
    margin-bottom: 1em; }
  /* line 69, www/sites/jon/html/css/main.scss */
  section div.wrapper {
    margin: 15px 4vw 30px; }
  @media (min-width: 600px) {
    /* line 74, www/sites/jon/html/css/main.scss */
    section div.wrapper {
      margin: 30px 4vw; } }
  @media (min-width: 1400px) {
    /* line 50, www/sites/jon/html/css/main.scss */
    section {
      margin-bottom: 100px; }
      /* line 82, www/sites/jon/html/css/main.scss */
      section div.wrapper {
        margin: 50px 6vw; } }
  @media (min-width: 2000px) {
    /* line 88, www/sites/jon/html/css/main.scss */
    section div.wrapper {
      margin: 50px 8vw; } }
  @media (min-width: 3000px) {
    /* line 94, www/sites/jon/html/css/main.scss */
    section div.wrapper {
      margin: 50px 10vw; } }

/* line 102, www/sites/jon/html/css/main.scss */
header#main > div {
  padding: 30px 4vw 60px; }
  /* line 105, www/sites/jon/html/css/main.scss */
  header#main > div .title {
    border-left: solid 2px #BAB4FF;
    padding-left: 1em; }
  @media (min-width: 1400px) {
    /* line 102, www/sites/jon/html/css/main.scss */
    header#main > div {
      padding: 30px 6vw 60px; } }
  @media (min-width: 2000px) {
    /* line 102, www/sites/jon/html/css/main.scss */
    header#main > div {
      padding: 30px 8vw 60px; } }
  @media (min-width: 3000px) {
    /* line 102, www/sites/jon/html/css/main.scss */
    header#main > div {
      padding: 30px 10vw 60px; } }

/* line 123, www/sites/jon/html/css/main.scss */
footer {
  background: black;
  color: white;
  font-size: .65em;
  line-height: 1.3em; }
  /* line 128, www/sites/jon/html/css/main.scss */
  footer a {
    color: white; }
  /* line 131, www/sites/jon/html/css/main.scss */
  footer > div {
    padding: 15px 4vw 20px; }
    @media (min-width: 1400px) {
      /* line 131, www/sites/jon/html/css/main.scss */
      footer > div {
        padding: 15px 6vw 20px; } }
    @media (min-width: 2000px) {
      /* line 131, www/sites/jon/html/css/main.scss */
      footer > div {
        padding: 15px 8vw 20px; } }
    @media (min-width: 3000px) {
      /* line 131, www/sites/jon/html/css/main.scss */
      footer > div {
        padding: 15px 10vw 20px; } }

/* line 144, www/sites/jon/html/css/main.scss */
p {
  margin-bottom: 1em; }

/* line 147, www/sites/jon/html/css/main.scss */
.section-title {
  margin-bottom: 2em; }

/* line 155, www/sites/jon/html/css/main.scss */
.intro {
  margin-bottom: 2em;
  transform: translateX(1em);
  animation: transform .5s ease-out;
  animation-fill-mode: forwards; }
  /* line 160, www/sites/jon/html/css/main.scss */
  .intro > div {
    background-color: transparent;
    background-size: 10% 1.08em;
    background-repeat: repeat;
    background-position: left calc(1em - .1em);
    background-image: linear-gradient(to bottom, #f3f2ff 1px, transparent 1px); }
    @media (min-width: 1000px) {
      /* line 160, www/sites/jon/html/css/main.scss */
      .intro > div {
        background-size: 10% 1.09em; } }
    @media (min-width: 1400px) {
      /* line 160, www/sites/jon/html/css/main.scss */
      .intro > div {
        background-size: 10% 1.1em; } }

/* line 175, www/sites/jon/html/css/main.scss */
.references-list {
  background-color: transparent;
  background-size: 10% 2.35em;
  background-repeat: repeat;
  background-image: linear-gradient(to bottom, #f3f2ff 1em, transparent 1px);
  background-position: left .7em; }

/* line 182, www/sites/jon/html/css/main.scss */
a {
  color: black;
  text-decoration: underline; }

@keyframes transform {
  from {
    transform: translateX(2em); }
  to {
    transform: translateX(0); } }

/*# sourceMappingURL=main.css.map */