#projectContent{
  margin:0 auto;
	height:auto;
	padding:20px;
}
#prevnext{
  width:100%;
  float:right;
}
#prevnext li{
  list-style: none;
  font-size: 15px;
  color:#ccc;
  display:inline-block;
  padding:10px;
  letter-spacing: 2px;
  
}
#prevnext li a{
  color:#999;
  text-decoration: none;
}
#prevnext li a:hover{
  color:#000;
  text-decoration: none;
}
#prev{
  float:left;
}
#next{
  float:right;
}

#projectDescription{
  width:100%;
  overflow: none;
  height:auto;
  position: relative;
  float:left;
}

#grid{
  width:50px;
  height:50px;
  padding:0 4px;
  text-align:center;
  float:right;
  z-index:9999;
  top:0;
  right: 0px;
}
#grid img{
  opacity: 0.7;
  -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
#grid img:hover{
  opacity: 1;
}
#rightwrap{
  width:100%;
  overflow: none;
  height:auto;
  position: relative;
  float:right;
  padding-right:2px;
  margin-top:0;
}
#rightwrap img{
  max-width:490px;
  width:100%;
  height:auto;
  border:thin solid #000;
}
#pic1{
  padding:0;
  margin:0;
}
#pic2{
   padding:0;
  margin-top:5px;
}
@media only screen and (min-width: 481px) {
  #projectTitle{
    width:50%;
    height:50px;
    margin-bottom:5px;
  }
  #pTitle{
    text-align:left;
    font-size: 15px;
    letter-spacing: 5px;
  }
  #projectDescription{
    max-height:450px;
  }
#projectContent{
min-height: 543px;
    height: auto;
    margin-bottom: 15px;
    padding-top: 15px;
}
  #prevnext{
  width:50%;
  float:right;
}
  #prevnext li{
  padding:0 12px;

}
  #projectDescription{
  width:50%;
  height:504px;
  overflow: auto;
}
  #rightwrap{
  width:49%;
  min-height:510px;
  margin-top:-55px;
}
}