@font-face {
  font-family: 'Neue Haas Unica';
  src: url('fonts/NeueHaasUnica-Regular.eot');
  src: local('Neue Haas Unica Regular'), local('NeueHaasUnica-Regular'),
      url('fonts/NeueHaasUnica-Regular.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasUnica-Regular.woff2') format('woff2'),
      url('fonts/NeueHaasUnica-Regular.woff') format('woff'),
      url('fonts/NeueHaasUnica-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas Unica';
  src: url('fonts/NeueHaasUnica-Italic.eot');
  src: local('Neue Haas Unica Italic'), local('NeueHaasUnica-Italic'),
      url('fonts/NeueHaasUnica-Italic.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasUnica-Italic.woff2') format('woff2'),
      url('fonts/NeueHaasUnica-Italic.woff') format('woff'),
      url('fonts/NeueHaasUnica-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Neue Haas Unica';
  src: url('fonts/NeueHaasUnica-Medium.eot');
  src: local('Neue Haas Unica Medium'), local('NeueHaasUnica-Medium'),
      url('fonts/NeueHaasUnica-Medium.eot?#iefix') format('embedded-opentype'),
      url('fonts/NeueHaasUnica-Medium.woff2') format('woff2'),
      url('fonts/NeueHaasUnica-Medium.woff') format('woff'),
      url('fonts/NeueHaasUnica-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

:root {
  --content-width: 80rem;
}

*,
*:after,
*:before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-family: "Neue Haas Unica",
  -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

}

body{
  background-color:#f8d1c5;
  font-weight: normal;
}

li {
  list-style: none;
}

a {
  color: currentColor;
  text-decoration: none;
}

strong, b {
  font-weight: 500;
}

figure img {
  width: 100%;
}

.page {
  padding: 5vh 5vw 10vh;
}
.page > * {
  max-width: var(--content-width);
  margin: 0 auto;
}

.header {
  margin-bottom: 1.5rem;
}

.header a {
  position: relative;
  text-transform: uppercase;
  font-size: .875rem;
  letter-spacing: .05em;
  padding: .5rem 0;
}

.header .logo {
  display: block;
  margin-bottom: 1.5rem;
  padding: .5rem 0;
}

.header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.menu a {
  margin: 0 .75rem;
}

.menu a[aria-current] {
  border-bottom: 2px solid #000;
}

.caption {
  text-align: center;
  font-size: .9em;
}

.front-links img{
  display:block;
}

/* Navigation */


.nav {
  display: flex;
  justify-content: space-around;
  z-index: 1000;
  margin-bottom:5em;
}


.nav img {
  height: 100px;
}


.logo img {
  top: -10px;
  position: relative;
}

nav img:hover {
  filter: invert(100%);
}

.nav .current img{
  filter: invert(100%);
}

/* Nav Main */
.main .nav {
 display: block; 
}

.main .nav .menu, .main .nav .logo {
  display:block;
}


.main .nav .menu {
  position: relative;
  height: 100px;
}

.main .logo {
  margin-bottom: 3em;
}

.main .nav {
  width: 27rem;
  margin: auto;
}

.main .nav img {
  height: 120px;
}

.main .writing, .main .curation, .main .dl {
  left: -11px;
}




@media screen and (min-width: 40rem) {
  .header .logo {
    margin-bottom: 0;
  }
  .header {
    flex-direction: row;
    justify-content: space-between;
  }
  .menu {
    margin-right: -.75rem;
  }

}


main {
  min-height: calc(100vh - 10rem);
}

.intro {
  padding: 10vh 0;
  text-align: center;
}


h1{
  font-size: 1.2em;
  text-transform: uppercase;
  margin-bottom: 0.4em;
  font-weight: 500;
}

.tags {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-size: .75rem;
}

.text {
  line-height: 1.9em;
}
.text p,
.text ul,
.text ol {
  margin-bottom: 1.5em;
  text-indent: -3em;
  margin-left: 6em;
}
.bio .text p,
.bio .text ol,
.bio .text ul {
  text-indent: 0;
  margin-left: auto;
}


.text h2 {
  font-size: 1em;
  margin-top: 0;
  margin-left: 0;
  margin-bottom: -1.9em;
  text-align: left;
  font-weight: 500;
}
.text > *:first-child {
  margin-top: 0;
}



.text a {
  z-index: 1;
  /* display: inline-block; */
  border-bottom: .5px solid #222;
}

a:hover {
  /* text-shadow: 1px 1px 2px \); */
  color: ;
  text-shadow: 2px 2px 3px #0000004f;
}

.text img {
  width: 400px;
}

figure {
  text-align: center;
}


.socialmedia{
  text-align:right;
}


.footer {
  padding: 1.5rem 5vw 10vh;
  text-align: center;
  max-width: var(--content-width);
  margin: 0 auto;
  line-height: 1.5em;
}
.footer a {
  display: inline-block;
  font-size: .875rem;
}
.footer > a {
  margin-bottom: 1.5rem;
  border-top: 2px solid #000;
  width: 16.5rem;
  padding-top: .5rem;
}

.social a {
  margin: 0 .75rem;
  padding: .5rem 1rem;
  border: 2px solid #000;
  width: 7.5rem;
}
.social a:hover {
  background: #000;
  color: #fff;
}


/* ipad */
@media only screen and (max-width: 1000px) {
  .logo {
    display:block;
  }
  .nav {
    display: block;
    text-align: center;
  }
  .nav .menu {
    display: inline-block;
  }

}


/* for mobile */

@media only screen and (max-width: 600px) {
  .main .nav{
    width:100%;
  }

  .nav {
    display: block;
    text-align: center;
    margin-bottom: 1em;
  }

  .nav .menu {
    display: inline-block;
    margin-top: -26px;
  }

  .logo {
    display:block;
  }

  .nav img {
  height: 90px;
  }

  .main .writing, .main .curation, .main .dl {
    left: -11px;
  }

}