@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* @import "compass/reset"; */
/*

	Mixins

*/
/*

	Typography (Base)

*/
/* line 72, ../sass/screen.scss */
body {
  color: #393939;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
  /* $base 16px */
  line-height: 1.625em;
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: normal;
}

/* line 80, ../sass/screen.scss */
strong {
  color: #333;
  font-family: ff-ernestine-pro, serif;
  font-weight: 400;
  font-style: normal;
}

/* line 84, ../sass/screen.scss */
em {
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: italic;
}

/* line 87, ../sass/screen.scss */
a {
  color: #393939;
  border-bottom: 1px solid #bbb;
  text-decoration: none;
}

/* line 92, ../sass/screen.scss */
a:hover {
  color: #2f6894;
  border-bottom: 1px solid #fff;
  transition: all .5s;
  -webkit-transition: all .5s;
}

/* line 98, ../sass/screen.scss */
h1, h2, h3, h4 {
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: normal;
}

/* line 101, ../sass/screen.scss */
h1 {
  font-size: 1.5em;
  text-transform: uppercase;
  color: #2f6894;
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: normal;
}
/* line 106, ../sass/screen.scss */
h1 em {
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: italic;
}
/* line 109, ../sass/screen.scss */
h1 a.top {
  font-size: 0.58333em;
  line-height: 1.14286em;
  margin-top: 0.42857em;
  float: right;
}

/* line 116, ../sass/screen.scss */
h1.home {
  text-transform: none;
  font-size: 1.6875em;
}

/* line 121, ../sass/screen.scss */
h2 {
  font-size: 1.25em;
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: italic;
}

/* line 125, ../sass/screen.scss */
.sign-off {
  margin-top: 2em;
}

/* line 128, ../sass/screen.scss */
.fineprint {
  font-size: 0.75em;
  color: #555555;
  font-family: ff-ernestine-pro, serif;
  font-weight: 400;
  font-style: italic;
}
/* line 132, ../sass/screen.scss */
.fineprint a {
  color: #555555;
}

/* line 136, ../sass/screen.scss */
.portfolio-link {
  line-height: 1.5em;
  padding: 0.41667em 0;
}

/* line 140, ../sass/screen.scss */
.lining {
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: normal;
}
/* line 142, ../sass/screen.scss */
ul.contact-info .lining {
  font-family: ff-ernestine-pro, serif;
  font-weight: 400;
  font-style: normal;
}

/* line 146, ../sass/screen.scss */
acronym, .sc {
  font-family: ff-ernestine-pro, serif;
  font-weight: 300;
  font-style: normal;
}

/* line 149, ../sass/screen.scss */
.meta-sep {
  padding: .25em;
}

/* line 152, ../sass/screen.scss */
header nav {
  font-size: 0.875em;
  text-transform: uppercase;
  font-weight: 500;
  color: #555555;
}

/* line 158, ../sass/screen.scss */
ul.page-menu {
  list-style: none;
  margin: 2em 0 1em;
  padding: 0;
}

/* line 163, ../sass/screen.scss */
ul.social-menu {
  font-size: 2.14286em;
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

/* line 169, ../sass/screen.scss */
nav a {
  color: #555555;
  border: none;
}

/* line 173, ../sass/screen.scss */
nav a:hover {
  border: none;
}

/* line 176, ../sass/screen.scss */
nav li {
  padding: 0;
  margin: 0;
}

/* line 180, ../sass/screen.scss */
article ul {
  list-style: none;
  padding: 0;
  margin: 1em 0;
}
/* line 184, ../sass/screen.scss */
article ul li {
  text-indent: -.35em;
  padding-left: 1em;
}
/* line 187, ../sass/screen.scss */
article ul li:before {
  content: "·";
  width: .35em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}

/* line 196, ../sass/screen.scss */
footer ul.contact-info {
  font-size: 0.75em;
  line-height: 2em;
  padding: 0.25em 0;
  text-transform: uppercase;
  color: #555555;
  list-style: none;
  text-align: center;
  font-family: ff-ernestine-pro, serif;
  font-weight: 400;
  font-style: normal;
}
/* line 205, ../sass/screen.scss */
footer ul.contact-info li {
  white-space: nowrap;
}

/* line 209, ../sass/screen.scss */
p.bye {
  font-size: 0.75em;
  text-align: center;
  margin: 0;
  font-family: ff-ernestine-pro, serif;
  font-weight: 400;
  font-style: italic;
}

/* line 215, ../sass/screen.scss */
img {
  -ms-interpolation-mode: bicubic;
}

/* line 218, ../sass/screen.scss */
.nobr {
  white-space: nowrap;
}

/*

	Layout

*/
/* line 228, ../sass/screen.scss */
body {
  margin: 0;
  padding: 1em;
  background: #dad9d7;
  text-align: center;
}

/* line 234, ../sass/screen.scss */
.container {
  max-width: 31.5em;
  margin: auto;
}

/* line 238, ../sass/screen.scss */
article {
  text-align: left;
  padding: 1em;
  margin: 0 -1em 1em;
  border-bottom: 3px double #fff;
}

/* line 244, ../sass/screen.scss */
footer {
  padding: 0 1em;
  border-bottom: 3px double #fff;
  margin: 0 -1em 1em;
}

@media screen and (min-width: 768px) {
  /* line 252, ../sass/screen.scss */
  body {
    padding: 0;
  }

  /* line 255, ../sass/screen.scss */
  .container {
    width: 48em;
    max-width: none;
    margin: 0 auto;
    overflow: hidden;
  }

  /* line 261, ../sass/screen.scss */
  header.banner {
    padding-top: 3em;
    width: 12.5em;
    box-sizing: border-box;
    position: fixed;
    text-align: center;
    border-right: 3px solid #fff;
    height: 100%;
  }

  /* line 270, ../sass/screen.scss */
  div.main {
    float: left;
    width: auto;
    margin: 0 0 1em 12.5em;
    /* width of header.banner */
    padding: 0 2em;
    padding-bottom: 1em;
    box-sizing: border-box;
  }

  /* line 278, ../sass/screen.scss */
  article {
    padding-top: 4.5em;
    border-bottom: none;
  }

  /* line 282, ../sass/screen.scss */
  footer {
    margin: 0 -2em 1em;
    padding: 0 2em;
    border-top: 3px double #fff;
    border-bottom: 3px double #fff;
    clear: both;
  }
}
/*

	Modules

*/
/* line 298, ../sass/screen.scss */
img.abby-dot {
  display: block;
  margin: 1em auto;
}

/* line 302, ../sass/screen.scss */
ul.page-menu li,
ul.social-menu li {
  display: inline;
}

/* line 306, ../sass/screen.scss */
ul.page-menu li:after {
  content: "·";
  padding: 0 .5em;
  display: inline-block;
}

/* line 311, ../sass/screen.scss */
ul.page-menu li.last:after {
  content: "";
  padding: 0;
}

/* line 315, ../sass/screen.scss */
.portfolio-link {
  margin: auto;
  text-align: center;
}

/* line 319, ../sass/screen.scss */
img.abby-dot.end {
  margin: 5em auto .5em;
}

@media all and (min-width: 540px) {
  /* line 325, ../sass/screen.scss */
  footer ul.contact-info {
    display: flex;
    justify-content: space-around;
  }
}
@media screen and (min-width: 768px) {
  /* line 334, ../sass/screen.scss */
  ul.page-menu li {
    display: block;
  }
  /* line 336, ../sass/screen.scss */
  ul.page-menu li:after {
    content: "";
    padding: 0;
  }

  /* line 342, ../sass/screen.scss */
  ul.social-menu li:after {
    content: "";
    padding: 0;
  }

  /* line 347, ../sass/screen.scss */
  ul.social-menu {
    border-top: 3px double #fff;
    margin-top: 1em;
    padding-top: 1em;
  }

  /* line 352, ../sass/screen.scss */
  img.abby-dot {
    margin: auto;
  }

  /* line 355, ../sass/screen.scss */
  .portfolio-link {
    margin: auto;
    text-align: left;
  }

  /* line 359, ../sass/screen.scss */
  img.abby-dot.end {
    display: none;
  }

  /* line 362, ../sass/screen.scss */
  p.bye {
    display: none;
  }
}
/*

	State

*/
@media print {
  /* line 376, ../sass/screen.scss */
  * {
    color: black !important;
  }

  /* line 379, ../sass/screen.scss */
  .fineprint {
    font-family: ff-ernestine-pro, serif;
    font-weight: 400;
    font-style: italic;
  }

  /* line 382, ../sass/screen.scss */
  article {
    border-width: 1pt;
    border-color: black;
  }

  /* line 386, ../sass/screen.scss */
  footer {
    border-width: 1pt;
    border-color: black;
  }
}