@keyframes moveBackAndForth {
      from {
        transform: translateX(0);
      }
      to {
        transform: translateX(5vw);
      }
}

@media screen and (min-width: 801px) { 



.a {
  text-decoration: none;
}

.walker {
  position: absolute;
  top: 36vw;
  left: 29vw;
  z-index: -2;
}

.title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
  font-size: 12vw;
  transition: letter-spacing 0.6s ease;
}

.title:hover {
    letter-spacing: 10px;
}

.ben {
  width: 20vw;
  position: absolute;
  top: 17vw;
  right: 7.8vw;
  transition: transform .5s;
}

.ben:hover {
  transform: scale(1.09);
}

.bio {
    position: absolute;
  text-align:center;
  font-size: 5vw;
  top: 17vw;
  color: black;
  display: inline-block;
  text-decoration: none;
  transition: letter-spacing 0.5s ease, color 0.35s ease;
}

.bio:hover {
  letter-spacing: 50px;
  color: #EE4B2B;
}

.blog {
    position: absolute;
  text-align:center;
  text-decoration: none;
    font-size: 5vw;
    text-indent: 50px;
    color: black;
    top: 21vw;
    display: inline-block;
  transition: letter-spacing 0.5s ease, color 0.35s ease;
}

.blog:hover {
  letter-spacing: 60px;
  color: #EE4B2B;
}

.Steve {
    position: absolute;
  text-align:center;
    font-size: 5vw;
    top: 21vw;
    text-indent: 50px;
    display: inline-block;
    text-decoration: none;
    color: black;
  transition: letter-spacing 0.5s ease, color 0.35s ease;

}

.Steve:hover {
  letter-spacing: 14px;
  color: #EE4B2B;
}

.photography {
    position: absolute;
  text-align:center;
    font-size: 5vw;
  top: 25vw;
  text-decoration: none;
  display: inline-block;
  color: black;
  transition: letter-spacing 0.5s ease, color 0.35s ease;
}

.photography:hover {
  letter-spacing: 3px;
  color: #EE4B2B;
}

.art {
    position: absolute;
  text-align:center;
    font-size: 5vw;
    top: 33vw;
    text-decoration: none;
    display: inline-block;
    color: black;
  transition: letter-spacing 0.5s ease, color 0.35s ease;

}

.art:hover {
  letter-spacing: 70px;
  color: #EE4B2B;
}

.writing {
  position: absolute;
  text-align:center;
  font-size: 5vw;
  text-indent: 50px;
  top: 29vw;
  text-decoration: none;
  display: inline-block;
  color: black;
  transition: letter-spacing 0.5s ease, color 0.35s ease;
}

.writing:hover {
  letter-spacing: 30px;
  color: #EE4B2B;
}

.about
  {
  position: absolute;
  font-size: 1.3vw;
  text-indent: 25px;
  top: 17vw;
  left: 48vw;
  width: 20vw;
  }


.indent {
  text-indent: 2vw;
}

}

@media screen and (max-width: 800px) { 
  .a {
  text-decoration: none;
}

.walker {
  margin-top: -90vw;
  max-width: 85vw;
}


.title {
  font-size: 12vw;
  transition: letter-spacing 0.6s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;

}

.ben {
  display: block;
  margin-top: 60vw;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
  opacity: 0;
}

.bio {
    position: absolute;
  text-align:center;
  font-size: 7vw;
  top: 17vw;
  left: 30vw;
  text-decoration: none;
  display: inline-block;
  color: black;
  animation: moveBackAndForth 2s infinite alternate ease-in-out;
}


.Steve {
    position: absolute;
  text-align:center;
    font-size: 7vw;
    left: 30vw;
    top: 26vw;
    text-decoration: none;
  display: inline-block;
  color: black;
  animation: moveBackAndForth 2s infinite alternate ease-in-out;
  animation-delay: 0.15s;
}

.photography {
    position: absolute;
  text-align:center;
    font-size: 7vw;
    top: 35vw;
   left: 30vw;
    text-decoration: none;
    color: black;
  display: inline-block;
  animation: moveBackAndForth 2s infinite alternate ease-in-out;
    animation-delay: 0.3s;
}


.writing {
  position: absolute;
  text-align:center;
  font-size: 7vw;
  top: 44vw;
  left: 30vw;
  display: inline-block;
  text-decoration: none;
  color: black;
  animation: moveBackAndForth 2s infinite alternate ease-in-out;
    animation-delay: 0.45s;
}

.art {
  position: absolute;
  text-align:center;
  font-size: 7vw;
  top: 53vw;
  left: 30vw;
  display: inline-block;
  text-decoration: none;
  color: black;
  animation: moveBackAndForth 2s infinite alternate ease-in-out;
    animation-delay: 0.6s;
}


.about
  {
  position: absolute;
  font-size: 2.5vw;
  top: 65vw;
  left: 27vw;
  width: 49vw;
  color: black;
  text-indent: 5vw;
  }


.indent {
  text-indent: 2vw;
}

  
  
}