#meJPG
{
    display:inline-block;
    margin:auto;
    margin-bottom:10px;
    z-index:-10;
      margin-top:30px;
}
#meJPG img
{
  width:200px;
  max-width:100%;
  height:auto;
}
#about
{
  height:200px;
  width:200px;
  display:inline-block;
  vertical-align:top;
  padding-left:30px;
  padding-right:30px;
  margin-top:30px;
  text-align:left;
   position:relative;
   z-index:-1;
  //font-family: 'Mina', sans-serif;
}
#about::after {
  content: "";
  background: url("https://johnsalvetti.com/images/JSLogo-Triangles3.png");
  opacity: 0.08;
  top: 50;
  left: 40;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
  background-repeat:no-repeat;
}
#page
{
   text-align:center; 
}
img {
  max-height:100%;
  max-width:100%;
}

.frame {
  background-color:#ffffff;
  //border:solid 1vmin #eee;
  border-bottom-color:#fff;
  border-left-color:#eee;
  border-radius:2px;
  border-right-color:#eee;
  border-top-color:#ddd;
  box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
  box-sizing:border-box;
  display:inline-block;
  margin:1vh 1vw;
  //height:40vh;
  padding:1vmin;
  position:relative;
  text-align:center;
  &:before {
    border-radius:2px;
    bottom:-2vmin;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.25) inset;
    content:"";
    left:-2vmin;
    position:absolute;
    right:-2vmin;
    top:-2vmin;
  }
  &:after {
    border-radius:2px;
    bottom:-2.5vmin;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.25);

    left:-2.5vmin;
    position:absolute;
    right:-2.5vmin;
    top:-2.5vmin;
  }
}