/*.intro header {
  opacity: .1;
  filter: grayscale(1);
  transition: .5s ease;
}

.intro header:hover {
  opacity: 1;
  filter: grayscale(0);
  transition: .4s ease;
}*/

.intro {
  /*margin-bottom: 300px;*/
}

.intro svg {
  position: fixed;
  bottom: 0;
  right: -50px;
  opacity: 1;
  z-index: -1000;
  filter: url(#duotone);

}

.intro header h1, .intro .nounMenu {
  /*display: none;*/
}

.intro .nounMenu .blank a span {
  color: rgba(0,0,0,0);
}

/*might want to move this into base*/
.nounMenu .blank a:focus span {
  color: black;
}

.nounMenu:hover .blank a span {
  color: rgba(1,1,1,1);
}

/*might want to move this too*/
.logoMenu .focused {
  background: white;
  border-bottom: solid black 19px;
}

.logoMenu .focused li a{
  width: 100%;
}
.logoMenu .focused a {
  opacity: 1;
}

.intro main {
  width: 608px;
  margin-bottom: 100px;
}

@media (max-width:800px)  {
  .intro main {
    width: 100%;
  }
}

.intro main .title {

  font-size: 2.22em;
  display: inline-block;

  font-family: fira-mono;
  padding-left: 0;
  padding-top: 0;
  margin: 0;
  font-weight: 300;
  text-transform: none;
  text-align: center;
  position: static;
  background: none;
  /*border-bottom: 4px solid black;*/
  display: none;
}

.intro main .title .goMenu {
  color: black;
  text-decoration: none;
  border-bottom: 4px solid #000;
  animation: rainbow 20s infinite alternate;
}

.intro main h1 {
  margin-bottom: 50px;
}

.intro h2 {
  font-family: fira-mono;
  font-size:1.17em;
  font-weight: bold;
}

.intro main p {

  /* font-family: fanwood; */
  font-family: "minion-pro",serif;
  /*font-family: fira-sans;*/
  font-size: 19px;
  line-height: 140%;
  /*font-family: "leitura-news";
  font-size: 18px;
  line-height: 160%;*/
}

.intro #introduction p:first-of-type {
  margin-top: 0;
}

.intro #past-projects .work-list .categories::before {
  content: '| ';
}

.intro .box {
  margin-top: 100px;
}

.intro footer {
  margin-bottom: -50px;
  position: absolute;
  width: 105%;
  bottom: -600px;
  left: -20px;
  z-index: -1000;
}