/*mobile view*/
body{
    margin: 0px;
}

#header-wrap{
  height:100px;
}

.background-div{
  background-color:transparent;
}

.background-div:hover{
    cursor: url("https://producezoo.com/all-assets/public_html-subdomain-assets/cursors/cursor2.png"), default;
}

a{
    font-family: 'Inconsolata', monospace;
    letter-spacing: 2px;
    color: black;
    text-decoration:none;
    font-size: 1.5em;
    font-weight: bolder;
}

a:hover{
    cursor: url("https://producezoo.com/all-assets/public_html-subdomain-assets/cursors/cursor1.png"), pointer;
    color: #22B573;
}

h2{
    font-family: 'Inconsolata', monospace;
    letter-spacing: 2px;
}

#homeButton-div{
    position: fixed;
    left: 10px;
    top: 10px;
}

/*volume 1 positioning*/

#vol1-div{
  display:inline-block;
  margin:0;
  padding:0;
  position: fixed;
  top: 30%; /*controls vertical location of icon*/
  left: 20%;
  transform: translate(-50%, -50%);
  width:64px;
  height:80px;
  max-width: 80%;
}

#zine1LinkBox:hover{
    cursor: url("https://producezoo.com/all-assets/public_html-subdomain-assets/cursors/cursor2.png"), default;
}

#zine1Icon{
  width:64px;
  height:auto;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -82px;
  margin-left: -32px;
   /* for removing the highlight, this may not be good for accesibility */
  -webkit-tap-highlight-color: transparent; 
}

#vol1-label{
    display:inline-block;
    margin-left:0;
}

/*volume 2 positioning*/

#vol2-div{
  display:inline-block;
  margin:0;
  padding:0;
  position: fixed;
  top: 45%; /*controls vertical location of icon*/
  left: 20%;
  transform: translate(-50%, -50%);
  width:64px;
  height:80px;
  max-width: 80%;
}

#zine2LinkBox:hover{
    cursor: url("https://producezoo.com/all-assets/public_html-subdomain-assets/cursors/cursor2.png"), default;
}

#zine2Icon{
  width:64px;
  height:auto;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -82px;
  margin-left: -32px;
   /* for removing the highlight, this may not be good for accesibility */
  -webkit-tap-highlight-color: transparent; 
}

#vol2-label{
    display:inline-block;
    margin-left:0;
}

#foot-div{
  height: 800px;
}

/*computers and tablets*/
@media only screen and (min-width: 700px){
  #homeButton-div{
    position: fixed;
    left: 36px;
    top: 36px;
    background-color:transparent;
  }
}