@media (min-width: 960px){
  .issues {
    position:absolute;
    left: 50%;
    top: 20%;
  }

  .issue1 {

   top: 40%;
  }

  .issue2 {

   top: 20%;

  }

  .musicalcurrents {

  height: 1000px;
  width: 400px;
  background: url("Issues/ncgfm/ncgfm_Page_01.png");
      display: inline-block;
  background-size: 400px 400px;

  }
}

.RPM {

position: relative;
left: 15px;
top: 10px;

}

.issues {

  position: fixed;
  left: 50%;
  top: 20%;
}

.issue1 {
position: absolute;
 right: 22%;
 top: 20%;

}

.download h1 {
position: absolute;
left: 25%;
bottom: 0px;
color: black;
font-size: 10pt;
font-family: arial;
font-weight: normal;

}

.download h1:link {

text-decoration: none;
}

.download h1:hover {

text-decoration: underline;
text-decoration-color: black;
text-decoration-thickness: 2px;

}

.share h1 {
position: absolute;
right: 29%;
bottom: 0px;
color: black;
font-size: 10pt;
font-family: arial;
font-weight: normal;

}

.share h1:link {

text-decoration: none;
}

.share h1:hover {

text-decoration: underline;
text-decoration-color: black;
text-decoration-thickness: 2px;

}

.download2 h1 {
position: absolute;
left: 25%;
bottom: 0px;
color: black;
font-size: 10pt;
font-family: arial;
font-weight: normal;

}

.download2 h1:link {

text-decoration: none;
}

.download2 h1:hover {

text-decoration: underline;
text-decoration-color: black;
text-decoration-thickness: 2px;

}

.share2 h1 {
position: absolute;
right: 29%;
bottom: 0px;
color: black;
font-size: 10pt;
font-family: arial;
font-weight: normal;

}

.share2 h1:link {

text-decoration: none;
}

.share2 h1:hover {

text-decoration: underline;
text-decoration-color: black;
text-decoration-thickness: 2px;

}

/* .issue2on1 {
float: right;
 right: 2%;
 bottom: 28%;

}
*/
/*
.issue1on2 {
position: absolute;
 right: 2%;
 bottom: 28%;

}
*/
/*
.ncgfmonmc {
  max-width: 250px;
height: auto;
float: right;
right: 0px;
background: url("Issues/cover2.png");
background-size: auto;

}

.ncgfmonmc:hover {

height: 250px;
width: 250px;
background: url("index/ncgfmread.png");
background-size: 250px 250px;
-webkit-transition: all 1s ease;
transition: all 0.2s ease;
}

.mconncgfm {
height: 250px;
width: 250px;
background: url("Issues/cover.png");
background-size: 250px 250px;

}

.mconncgfm:hover {

height: 250px;
width: 250px;
background: url("index/mcread.png");
background-size: 250px 250px;
-webkit-transition: all 1s ease;
transition: all 0.2s ease;
}
*/

.readmcframe {

  position: absolute;
   left: 15%;
   top: 20%;
   padding: 2px;
   border-width:1.5px;
   border-style:solid;
   border-color:black;

}

.readmc {

position: relative;
top: 0px;
left: 0px;

}

.musicalcurrents:hover
{
  height: 400px;
  width: 400px;
    background: url("index/mcread.png") no-repeat;
    background-size: 400px 400px;
    display: inline-block;
    -webkit-transition: all 1s ease;
transition: all 0.2s ease;
}

.musicalcurrents {

height: 400px;
width: 400px;
background: url("Issues/cover.png");
    display: inline-block;
background-size: 400px 400px;

}


.left1 {

  height: 500px;
  width: 150px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor: default;
  overflow: hidden;
  outline:none;


}

.leftback {

  height: 500px;
  width: 150px;
  position: absolute;
  background: url("Issues/musicalcurrents/backarrow2.png");
  left: 0px;
  top: 0px;

}

.right1 {

  height: 500px;
  width: 150px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;

}

.rightback {

  height: 500px;
  width: 150px;
  position: absolute;
  background: url("Issues/musicalcurrents/backarrow.png");
  right: 0px;
  top: 0px;

}

.issue2 {
position: absolute;
 left: 22%;
 top: 20%;

}

.ncgfm:hover
{
  height: 400px;
  width: 400px;
    background: url("index/ncgfmread.png") no-repeat;
    background-size: 400px 400px;
    display: inline-block;
    -webkit-transition: all 1s ease;
transition: all 0.2s ease;
}

.ncgfm {

  height: 400px;
  width: 400px;
  background: url("Issues/cover2.png");
  background-size: 400px 400px;
      display: inline-block;

}

.left2 {

  height: 500px;
  width: 150px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;

}

.right2 {

  height: 500px;
  width: 150px;
  position: absolute;
  left: 350px;
  top: 0px;
  background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;

}

.footer {

bottom: 0%;
left: 0%;
width: 100%;
height: 82px;
position: absolute;
background-color: black;
background-repeat: no-repeat;
}

.report {
height: 150px;
width: 150px;
left: 4px;
bottom: 4px ;
position: absolute;
  background: url("index/report.png");
  background-size: 150px 150px;
  border-width:2px;
  border-style:solid;
  border-color:black;

}

.report:hover {

  height: 150px;
  width: 150px;
  left: 4px;
  bottom: 4px;
  position: absolute;
    background: url("index/reportread.png");
    background-size: 150px 150px;
    border-width:2px;
    border-style:solid;
    border-color:black;
    -webkit-transition: all 1s ease;
transition: all 0.2s ease;

}
/*
  .readreport h1 {
    position: absolute;
left: 90px;
vertical-align: middle;
line-height: 45px;
color: white;
font-size: 10pt;
font-family: arial;
font-weight: normal;

}

.readreport h1:link {

  text-decoration: none;
}

.readreport h1:hover {

text-decoration: underline;
text-decoration-color: white;
text-decoration-thickness: 2px;

}
*/