/* line 1, ../scss/_base.scss */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 8, ../scss/_base.scss */
body {
  position: relative;
  min-height: 100%;
}

/* line 13, ../scss/_base.scss */
div, main, header, footer, nav {
  box-sizing: border-box;
}

/* line 17, ../scss/_base.scss */
img, embed, object, video {
  max-width: 100%;
}

/* line 17, ../scss/_typography.scss */
body {
  font-size: 18px;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 24px;
  font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #ECEFF4;
}

/* line 21, ../scss/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #8FBCBB;
  margin-top: 0;
  margin-bottom: 24px;
  text-transform: uppercase;
}

/* line 29, ../scss/_typography.scss */
h4, h5, h6 {
  color: #5E81AC;
}

/* line 33, ../scss/_typography.scss */
h5, h6 {
  text-transform: none;
}

/* line 37, ../scss/_typography.scss */
h3 {
  font-size: 1.17em;
}

/* line 38, ../scss/_typography.scss */
h4 {
  font-size: 1.00em;
}

/* line 39, ../scss/_typography.scss */
h5 {
  font-size: 0.96em;
}

/* line 40, ../scss/_typography.scss */
h6 {
  font-size: 0.83em;
}

/* line 42, ../scss/_typography.scss */
p {
  margin-top: 0;
  margin-bottom: 24px;
}
/* line 46, ../scss/_typography.scss */
p:last-child {
  margin-bottom: 0;
}

/* line 51, ../scss/_typography.scss */
a {
  color: #5E81AC;
  text-decoration: none;
}
/* line 54, ../scss/_typography.scss */
a:hover, a:focus {
  color: #81A1C1;
}

/* line 59, ../scss/_typography.scss */
cite {
  font-style: italic;
}

/*=========================================================
 * general styles
 *=======================================================*/
/* line 12, ../scss/main.scss */
body {
  background: #3B4252;
}

/* line 16, ../scss/main.scss */
.band {
  width: 100%;
}

/* line 20, ../scss/main.scss */
figure {
  margin: 24px auto;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 550px) {
  /* line 20, ../scss/main.scss */
  figure {
    max-width: 80%;
  }
}

/*=========================================================
 * header
 *=======================================================*/
/* line 34, ../scss/main.scss */
.header {
  background: #3B4252;
}

/* line 38, ../scss/main.scss */
header {
  width: 100%;
  padding: 24px;
}
@media (min-width: 1400px) {
  /* line 38, ../scss/main.scss */
  header {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*---------------------------------------------------------
 * header
 *-------------------------------------------------------*/
/* line 55, ../scss/main.scss */
.site-title {
  display: inline-block;
  height: 48px;
}

/* line 60, ../scss/main.scss */
.site-title svg {
  display: inline-block;
  width: 36px;
  height: 36px;
}
/* line 65, ../scss/main.scss */
.site-title svg path {
  fill: #5E81AC;
}

/* line 70, ../scss/main.scss */
.site-title h1 {
  display: inline-block;
  height: 48px;
  vertical-align: middle;
  color: #8FBCBB;
  font-size: 21px;
  line-height: 21px;
  margin: 0 0 0 8px;
  text-transform: none;
}
@media (min-width: 550px) {
  /* line 70, ../scss/main.scss */
  .site-title h1 {
    font-size: 28px;
    line-height: 28px;
  }
}

/*---------------------------------------------------------
 * navigation drawer (small screens)
 *-------------------------------------------------------*/
/* line 90, ../scss/main.scss */
.menu-button {
  display: inline-block;
  float: right;
  width: 48px;
  height: 48px;
  background: none;
  border: none;
  padding: 0;
}
/* line 99, ../scss/main.scss */
.menu-button path {
  fill: #ECEFF4;
}
/* line 103, ../scss/main.scss */
.menu-button:focus {
  outline: 0;
}

/* line 108, ../scss/main.scss */
body.open {
  overflow: hidden;
}

/* line 114, ../scss/main.scss */
nav {
  width: 260px;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -moz-transform: translate(-260px, 0px);
  -ms-transform: translate(-260px, 0px);
  -webkit-transform: translate(-260px, 0px);
  transform: translate(-260px, 0px);
  -moz-transition: -moz-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  z-index: 1;
  overflow-y: auto;
  background: #434C5E;
  padding: 24px;
}

/* line 131, ../scss/main.scss */
nav.open {
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -moz-box-shadow: 2px 0px 10px 0px rgba(59, 60, 71, 0.3);
  -webkit-box-shadow: 2px 0px 10px 0px rgba(59, 60, 71, 0.3);
  box-shadow: 2px 0px 10px 0px rgba(59, 60, 71, 0.3);
}

/* line 136, ../scss/main.scss */
nav ul {
  margin: 0;
  padding: 0;
}

/* line 141, ../scss/main.scss */
nav li {
  list-style-type: none;
  border-bottom: solid 1px #4C566A;
}
/* line 145, ../scss/main.scss */
nav li:last-child {
  border-bottom: none;
}

/* line 150, ../scss/main.scss */
nav a {
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #ECEFF4;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  font-size: 18px;
  line-height: 72px;
  -moz-transition: color 0.1s ease;
  -o-transition: color 0.1s ease;
  -webkit-transition: color 0.1s ease;
  transition: color 0.1s ease;
}
/* line 161, ../scss/main.scss */
nav a:hover, nav a:focus {
  color: #8FBCBB;
}

/*---------------------------------------------------------
 * navigation links (large screens)
 *-------------------------------------------------------*/
@media (min-width: 1000px) {
  /* line 171, ../scss/main.scss */
  .menu-button {
    display: none;
  }

  /* line 175, ../scss/main.scss */
  nav {
    width: auto;
    position: static;
    transform: none;
    transition: none;
    float: right;
    background: none;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  /* line 188, ../scss/main.scss */
  nav li {
    display: inline-block;
    border: none;
    margin: 0 18px;
  }
  /* line 194, ../scss/main.scss */
  nav li:first-child {
    margin-left: 0;
  }
  /* line 197, ../scss/main.scss */
  nav li:last-child {
    margin-right: 18px;
  }

  /* line 202, ../scss/main.scss */
  nav a {
    display: inline-block;
    line-height: 24px;
  }

  /* line 207, ../scss/main.scss */
  .nav-external {
    padding: 6px 18px;
    border: 2px solid #ECEFF4;
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px;
    -moz-transition: color 0.1s ease, border-color 0.1s ease;
    -o-transition: color 0.1s ease, border-color 0.1s ease;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
  }
  /* line 213, ../scss/main.scss */
  .nav-external:hover {
    border-color: #8FBCBB;
  }
}
/*---------------------------------------------------------
 * page title
 *-------------------------------------------------------*/
/* line 223, ../scss/main.scss */
.page-title {
  width: 100%;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 24px;
}

/* line 230, ../scss/main.scss */
.page-title h2 {
  color: #ECEFF4;
  font-size: 48px;
  font-weight: bold;
  line-height: 48px;
  margin: 0;
}
@media (min-width: 550px) {
  /* line 230, ../scss/main.scss */
  .page-title h2 {
    font-size: 64px;
    line-height: 64px;
  }
}

/*=========================================================
 * main content
 *=======================================================*/
/* line 247, ../scss/main.scss */
.main {
  background: #2E3440;
}

/* line 251, ../scss/main.scss */
main {
  width: 100%;
  padding: 72px 24px 48px 24px;
}
@media (min-width: 850px) {
  /* line 251, ../scss/main.scss */
  main {
    width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 262, ../scss/main.scss */
section {
  margin-top: 48px;
}
/* line 265, ../scss/main.scss */
section:first-child {
  margin-top: 0;
}

/*=========================================================
 * footers
 *=======================================================*/
/* line 274, ../scss/main.scss */
footer {
  width: 100%;
}
@media (min-width: 1400px) {
  /* line 274, ../scss/main.scss */
  footer {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*---------------------------------------------------------
 * social links footer
 *-------------------------------------------------------*/
/* line 288, ../scss/main.scss */
.social {
  background: #434C5E;
  padding-top: 24px;
  padding-bottom: 24px;
}

/* line 294, ../scss/main.scss */
.social footer {
  text-align: center;
  font-size: 0;
  line-height: 0;
}

/* line 300, ../scss/main.scss */
.social footer a {
  display: inline-block;
  margin: 0 12px;
}
/* line 304, ../scss/main.scss */
.social footer a:first-child {
  margin-left: 0;
}
/* line 307, ../scss/main.scss */
.social footer a:last-child {
  margin-right: 0;
}

/* line 312, ../scss/main.scss */
.social footer svg {
  height: 48px;
  width: 48px;
}
/* line 316, ../scss/main.scss */
.social footer svg path {
  fill: #3B4252;
}

/* line 321, ../scss/main.scss */
.social footer:hover path {
  opacity: 0.6;
  -moz-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

/* line 326, ../scss/main.scss */
.social footer:hover a:hover path {
  opacity: 1.0;
}

/*---------------------------------------------------------
 * end footer
 *-------------------------------------------------------*/
/* line 334, ../scss/main.scss */
.footer {
  background: #3B4252;
}

/* line 338, ../scss/main.scss */
.footer footer {
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
}
@media (min-width: 850px) {
  /* line 338, ../scss/main.scss */
  .footer footer {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/* line 349, ../scss/main.scss */
.footer footer a {
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  font-size: 18px;
  line-height: 48px;
  color: #ECEFF4;
  text-decoration: none;
  text-transform: uppercase;
}
/* line 358, ../scss/main.scss */
.footer footer a:hover, .footer footer a:focus {
  color: #8FBCBB;
}

@media (min-width: 850px) {
  /* line 363, ../scss/main.scss */
  .footer footer .back-to-top {
    display: none;
  }
}

/*=========================================================
 * other
 *=======================================================*/
/* line 373, ../scss/main.scss */
.headshot {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzYjQyNTIiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJlMzQ0MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-linear-gradient(270deg, #3b4252 50%, #2e3440 50%);
  background-image: -webkit-linear-gradient(270deg, #3b4252 50%, #2e3440 50%);
  background-image: linear-gradient(180deg, #3b4252 50%, #2e3440 50%);
  padding: 0 24px;
}

/* line 378, ../scss/main.scss */
.welcome-picture {
  margin: 0 auto;
}

/* line 382, ../scss/main.scss */
.welcome-picture img {
  width: 350px;
  max-width: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}