@font-face {
    font-family:'List';
    src: url(../fonts/Jersey.ttf)
}  

.a {
  text-decoration: none;
}
  
.stuff {
  font-family: 'List';
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 1000;
}

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

body {
  margin: 0;
}


.stuff {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  padding: 10px 20px;
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 1000;
  
}

.stuff a {
  text-decoration: none; 
}

.dog {
  visibility: hidden;
}

.line
 {visibility:hidden;}
 
.coming {
  width: 8vw;
  top: 40vw;
  left: 17vw;
  position: absolute;
}

.alsocoming {
  width: 8vw;
  top: 15vw;
  left: 55vw;
  position: absolute;
}


.benedict {
  font-family:'List', Helvetica;
  font-size: 1vw;
  position: absolute;
  top: 5vw;
  left: 1vw;
}
 
.steve {
  font-family:'List', Helvetica;
  font-size: 5vw;
  position: absolute;
  top: 5.2vw;
  left: 2vw;
}

.email {
  font-size: 0.9vw;
  position: absolute;
  top: 12vw;
}

.home {
  font-family:'List', Helvetica;
  font-size: 1.5vw;
  position: absolute;
  top: 28.5vw;
  left: 1vw;
  text-decoration: none;
  color: black;
}

.home:hover {
  color: red
}

.art {
  font-family:'List', Helvetica;
  font-size: 1.5vw;
  position: absolute;
  top: 30vw;
  left: 1vw;
  text-decoration: none;
  color: black;
}

.art:hover {
  color: red
}


.bio {
  font-family:'List', Helvetica;
  font-size: 1.5vw;
  position: absolute;
  top: 31.5vw;
  left: 1vw;
  text-decoration: none;
  color: black;
}

.bio:hover {
  color: red
}

.blog {
  font-family:'List', Helvetica;
  font-size: 1.5vw;
  position: absolute;
  top: 33vw;
  left: 1vw;
  text-decoration: none;
  color: black;
}

.blog:hover {
  color: red
}

.photography {
  font-family:'List', Helvetica;
  font-size: 1.5vw;
  position: absolute;
  top: 33vw;
  left: 1vw;
  text-decoration: none;
  color: black;
}

.photography:hover {
  color: red
}

.writing {
  font-family:'List', Helvetica;
  font-size: 1.5vw;
  position: absolute;
  top: 31.5vw;
  left: 1vw;
  text-decoration: none;
  color: black;
}

.writing:hover {
  color: red
}

.music {
  font-family:'List', Helvetica;
  font-size: 1.5vw;
  position: absolute;
  top: 11.7vw;
  visibility:hidden;
}

.a {
  text-decoration: none!important;
}

.p {
 font-family:'List';
 color: black;
}

.links {
  text-decoration: none;
}

.wishmeluck{
  max-width: 20vw;
  top: 12vw;
  left: 40vw;
  position: absolute;
}

.wishmeluck:hover{
  max-width: 22vw;
  left: 39vw;
  top: 11vw; 
}

.wishmelucklink {
  top: 50vw;
  left: 52vw;
  position: absolute;
  font-family:'List';
  text-decoration:none;
  color: black;
}

.wishmelucklink:hover {
  color: red;
}

.instrumentals{
  max-width: 26vw;
  top: 18vw;
  left:55vw;
  position: absolute;
}

.instrumentals:hover{
  max-width: 28vw;
  left:54vw;
  top: 17vw;
}

.instrumentalslink {
   top: 50vw;
   left: 62vw;
   position: absolute;
   font-family:'List', Helvetica;
   text-decoration:none;
   color: black;
}

.instrumentalslink:hover {
  color: red
}

.bhg{
  max-width: 15vw;
  top: 3vw;
  left: 43vw;
  position: absolute;
}

.bhg:hover{
  max-width: 17vw;
  left: 42vw;
  top: 2vw;
}

.bhglink:hover {
  color: red
}

.bhglink {
   top: 50vw;
   left: 41vw;
   position: absolute;
   font-family:'List';
   text-decoration:none;
   color: black;
   text-align:center;
}

.shinjuku{
  max-width: 30vw;
  top: 28vw;
  left: 17vw;
  position: absolute;
}

.shinjuku:hover{
  max-width: 33vw;
  top:27vw;
  left: 16vw;
}

.shinjukulink {
   top: 50vw;
   left: 30vw;
   position: absolute;
   font-family:'List';
   text-decoration:none;
   color: black;
}

.shinjukulink:hover {
  color: red
}

.city{
  max-width: 10vw;
  top: 32vw;
  left: 72vw;
  position: absolute;
  transform:rotate(10deg);
}

.city:hover{
  max-width: 11.5vw;
  top: 31vw;
  left: 71vw;
}

.citylink{
   top: 50vw;
   left: 74vw;
   position: absolute;
  text-align: center;
   font-family:'List';
   text-decoration:none;
   color: black;
}

.citylink:hover {
  color: red
}

.buffalosprings{
  max-width: 24vw;
  top: 14vw;
  left:17vw;
  position: absolute;
}

.buffalosprings:hover{
  max-width: 26vw;
  top: 13vw;
  left: 16vw;
}

.buffalospringslink {
   top: 50vw;
   left: 17vw;
   position: absolute;
  text-align: center;
   font-family:'List';
   text-decoration:none;
   color: black;
}

.buffalospringslink:hover {
  color: red
}

}
@media screen and (max-width: 800px) { 


.coming {
  width: 17vw;
  top: 168vw;
  left: 2vw;
  position: absolute;
}

.alsocoming {
  width: 17vw;
  top: 107vw;
  left: 65vw;
  position: absolute;
}

.p {
 font-family:'List';
 color: black;
}

.line {
  position:absolute;
  top: 340vw;
  left: 12.5vw;
  width: 75vw;
  height: 0.5px;
}

.steve {
  font-family:'List';
  color: black;
  top: 22vw;
  font-size: 15vw;
  position: absolute;
  text-align:center;
  left: 8vw;
}

.benedict {
  font-family:'List', Helvetica;
  font-size: 3vw;
  position: absolute;
  top: 20vw;
  left: 12vw;
}

.music {
  font-family:'List';
  color: black;
  top: 39vw;
  left: 42vw;
  font-size: 8vw;
  position: absolute;
  text-align:center;
  visibility:hidden;
}

.menu {
  font-family:'List';
  color: black;
  top: 320vw;
  left: 42vw;
  font-size: 8vw;
  position: absolute;
  text-align:center;
}

.wishmeluck{
  max-width: 40vw;
  top: 83vw;
  left: 30vw;
  position: absolute;
}

.wishmelucklink {
  top: 110vw;
  left: 4vw;
  font-size:4vw;
  position: absolute;
  font-family:'List';
  text-decoration:none;
  color: black;
}

.instrumentals{
  max-width: 100vw;
  top: 163vw;
  left:0vw;
  position: absolute;
  z-index: 2;
}

.instrumentalslink {
   top: 233vw;
   left: 4vw;
   position: absolute;
   font-family:'List';
  z-index: 5;
  font-size: 4vw;
  color: white;
  text-decoration:none;
}

.bhg{
  max-width: 45vw;
  top: 55vw;
  left: 29vw;
  position: absolute;
}

.bhglink {
   top: 64vw;
   left: 4vw;
   position: absolute;
   font-family:'List';
  font-size:4vw;
  text-decoration:none;
  color: black;
  text-align:center; 
}

.shinjuku{
  max-width: 100vw;
  top: 130vw;
  left: 0vw;
  position: absolute;
  z-index: 1;
  color: black;
}

.shinjukulink {
   top: 153vw;
   left: 4vw;
   position: absolute;
   font-family:'List';
  font-size:4vw;
    z-index: 5;
  color: white;
  text-decoration:none;
}

.city{
  max-width: 32vw;
  top: 220vw;
  left: 64vw;
  position: absolute;
  transform:rotate(-10deg);
  z-index: 3;
}

.citylink{
   top: 269vw;
   left: 65vw;
   position: absolute;
  text-align: center;
   font-family:'List';
  font-size:3.2vw;
  z-index: 5;
  text-decoration:none;
  color: black;
}

.buffalosprings{
  max-width: 73vw;
  top: 257vw;
  left:-21vw;
  position: absolute;
  z-index: 3;
  transform:rotate(37deg);
}

.buffalospringslink {
   top: 320vw;
   left: 4vw;
   position: absolute;
  text-align: center;
   font-family:'List';
  font-size:4vw;
  text-decoration:none;
  color: black;
  z-index: 6;
}


.art {
  font-family:'List';
  color: black;
  font-size: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
}

.home {
  font-family:'List';
  color: black;
  font-size: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 351vw;
}

.blog {
  font-family:'List';
  color: black;
  font-size: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
}

.blog {
  font-family:'List';
  color: black;
  font-size: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
}


.photography {
  font-family:'List';
  color: black;
  font-size: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
}

.writing {
  font-family:'List';
  color: black;
  font-size: 12vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1.5vw;
}

.bottom {
  position: absolute;
  top: 450vw;
  color:black;
  font-size: 4vw;
}

}