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

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

.dog {
  visibility: hidden;
}

hr {
  position:absolute;
  top:48.5vw;
  left:12.5vw;
  width: 75%;
}

.benedict {
  font-family:'List';
  font-size: 1.7vw;
  position: absolute;
  top: 10vw;
}

.art {
  font-family:'List';
  font-size: 1.8vw;
  position: absolute;
  top: 10vw;
  right: 1vw;
  text-decoration: none;
  color: black;
}

.art:hover {
  color: red
}

.blog {
  font-family:'List';
  font-size: 1.8vw;
  position: absolute;
  top: 12vw;
  right: 1vw;
  text-decoration: none;
  color: black;
}

.blog:hover {
  color: red
}

.music {
  font-family:'List';
  font-size: 1vw;
  position: absolute;
  top: 10.7vw;
  left: 14.3vw;
}

.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: 63vw;
   position: absolute;
   font-family:'List';
   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: 39vw;
   position: absolute;
   font-family:'List';
   text-decoration:none;
   color: black;
}

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

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

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

.shinjukulink:hover {
  color: red
}

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

.city:hover{
  max-width: 10vw;
  top: 34vw;
  left: 77vw;
}

.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: 18vw;
  top: 17.5vw;
  left:20vw;
  position: absolute;
}

.buffalosprings:hover{
  max-width: 20vw;
  top: 16.6vw;
  left: 19vw;
}

.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) { 
.p {
 font-family:'List';
 color: black;
}

.line
 {visibility:hidden;}

.benedict {
  font-family:'List';
  color: black;
  top: 5vw;
  font-size: 15vw;
  position: absolute;
  text-align:center;
}

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

.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: 153vw;
  left:0vw;
  position: absolute;
  z-index: 2;
}

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

.bhg{
  max-width: 32vw;
  top: 59vw;
  left: 35vw;
  position: absolute;
}

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

.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: 25vw;
  top: 230vw;
  left: 70vw;
  position: absolute;
  transform:rotate(-10deg);
  z-index: 3;
}

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

.buffalosprings{
  max-width: 55vw;
  top: 233vw;
  left:2vw;
  position: absolute;
  z-index: 3;
}

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

.art {
  font-family:'List';
  color: black;
  top: 315vw;
  left: 42vw;
  font-size: 12vw;
  position: absolute;
  text-align:center;
  text-decoration:none;
}

.blog {
  font-family:'List';
  color: black;
  top: 327vw;
  left: 40vw;
  font-size: 12vw;
  position: absolute;
  text-align:center;
  text-decoration:none;
}

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


.dog {
  width: 90vw;
  position: absolute;
  top: 300vw;
  margin: auto;
  left: 5vw;
  
}

}