@font-face {
  font-family: 'colaboratelightregular';
  src: url("ColabLig-webfont.eot");
  src: url("ColabLig-webfont.eot?#iefix") format("embedded-opentype"), url("ColabLig-webfont.woff") format("woff"), url("ColabLig-webfont.ttf") format("truetype"), url("ColabLig-webfont.svg#colaboratelightregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'colaborate-thinregular';
  src: url("ColabThi-webfont.eot");
  src: url("ColabThi-webfont.eot?#iefix") format("embedded-opentype"), url("ColabThi-webfont.woff") format("woff"), url("ColabThi-webfont.ttf") format("truetype"), url("ColabThi-webfont.svg#colaborate-thinregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'wc_sold_out_a_btaregular';
  src: url("WCSoldOutABta-webfont.eot");
  src: url("WCSoldOutABta-webfont.eot?#iefix") format("embedded-opentype"), url("WCSoldOutABta-webfont.woff") format("woff"), url("WCSoldOutABta-webfont.ttf") format("truetype"), url("WCSoldOutABta-webfont.svg#wc_sold_out_a_btaregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'wc_sold_out_b_btaregular';
  src: url("WC_Sold_Out_B_Bta-webfont.eot");
  src: url("WC_Sold_Out_B_Bta-webfont.eot?#iefix") format("embedded-opentype"), url("WC_Sold_Out_B_Bta-webfont.woff") format("woff"), url("WC_Sold_Out_B_Bta-webfont.ttf") format("truetype"), url("WC_Sold_Out_B_Bta-webfont.svg#wc_sold_out_b_btaregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ---------------------------------------------------------- */
/* ------------------- Common Page Styles ------------------- */
/* ---------------------------------------------------------- */
body {
  min-height: 2000px;
  background: #59554E; }

p {
  font-size: 1.3em;
  font-family: 'colaborate-thinregular', serif; }

a {
  text-decoration: none;
  color: #d0e7e4;
  opacity: 0.7;
  transition: all 0.6s ease; }

a:hover {
  text-decoration: none;
  color: #a8c1bc;
  opacity: 1; }

.navbar {
  position: fixed;
  right: 0;
  left: 0;
  margin-top: 0;
  top: 0;
  z-index: 1030;
  padding-right: 0;
  padding-left: 0;
  height: 120px;
  background: #59554E; }
  .navbar div {
    text-align: center; }
  .navbar .logo {
    font-family: 'colaborate-thinregular', sans-serif;
    color: #E2E3D9;
    text-align: center;
    display: inline-block; }
    .navbar .logo h3 {
      font-size: 2.1em; }
  .navbar .icon-links {
    text-align: center;
    display: inline-block; }
    .navbar .icon-links img {
      padding: 20px 10px 5px 10px;
      width: 50px; }

#footer {
  position: fixed;
  font-family: 'colaborate-thinregular', sans-serif;
  bottom: 0;
  width: 100%;
  height: 30px;
  line-height: 35px;
  background: #59554E;
  color: #333333; }

/* ---------------------------------------------------------- */
/* ---------------------- Page Styles ----------------------- */
/* ---------------------------------------------------------- */
.tagline {
  margin-top: 145%; }
  .tagline .tag {
    font-family: 'Cutive Mono', courier;
    color: #E2E3D9;
    font-size: 2em;
    text-align: center;
    padding: 11% 0; }
    .tagline .tag .key {
      font-family: 'wc_sold_out_b_btaregular', serif; }

.biography {
  background: #E2E3D9; }
  .biography img {
    max-width: 350px; }
  .biography p {
    font-family: 'colaborate-thinregular', serif;
    color: #59554E;
    font-size: 1.2em;
    padding: 25px; }
    .biography p .icon-links {
      padding: 20px 5px 5px 15px;
      width: 50px;
      display: inline-block; }

.experience {
  margin-top: 18%;
  color: #E2E3D9; }
  .experience .tag {
    font-family: 'Cutive Mono', courier;
    color: #E2E3D9;
    font-size: 2em;
    text-align: center;
    padding: 11% 0 1% 0; }
    .experience .tag .key {
      font-family: 'wc_sold_out_b_btaregular', serif; }
  .experience p {
    font-size: 1.3em;
    font-family: 'colaborate-thinregular', serif; }
  .experience .lil {
    font-size: 0.9em;
    color: #aeada4; }
  .experience li {
    padding: 6px;
    font-size: 1.2em;
    line-height: 1.4;
    font-family: 'colaborate-thinregular', serif; }
    .experience li div {
      display: inline-block; }
  .experience a {
    font-family: 'colaborate-thinregular', serif;
    text-decoration: none;
    color: #a8c1bc;
    opacity: 1; }
  .experience a:hover {
    color: #d0e7e4;
    opacity: 1; }
  .experience .portfolio {
    background: #494640;
    padding: 3px 10px;
    font-size: 0.8em;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #a8c1bc;
    line-height: 2em;
    transition: all 0.5s ease; }
  .experience .portfolio:hover {
    color: #d0e7e4; }
  .experience .row {
    padding: 6% 0 !important; }
  .experience .title {
    display: block;
    width: 100%;
    height: 60px;
    font-family: 'Cutive Mono', courier;
    color: #E2E3D9;
    font-size: 3em;
    text-align: right; }
  .experience h3 {
    text-align: center;
    color: #d0e7e4;
    text-transform: uppercase;
    line-height: 40px;
    margin-top: -3px;
    margin-bottom: 0;
    font-family: 'colaborate-thinregular', serif; }
  .experience h4 {
    text-align: center;
    margin-top: 5px;
    color: #a8c1bc;
    padding-bottom: 15px;
    font-family: 'colaborate-thinregular', serif; }

/* ---------------------------------------------------------- */
/* ------------------- Responsive Styles -------------------- */
/* ---------------------------------------------------------- */
@media (min-width: 48em) {
  .navbar {
    height: 70px; }
    .navbar div {
      text-align: left; }
    .navbar .logo {
      text-align: left; }
    .navbar .icon-links {
      text-align: right;
      float: right; }

  .tagline {
    margin-top: 40%; }
    .tagline .tag {
      font-size: 3em;
      text-align: right;
      float: right; } }
@media (min-width: 62em) {
  .experience .tag {
    font-size: 3em;
    text-align: left; }
  .experience h3 {
    text-align: right;
    padding: 0 10px; }
  .experience h4 {
    text-align: right;
    padding: 0 10px; } }