::-webkit-scrollbar {
  display:none;}

  body {
        width: 100%;
           height: auto;
           margin: 0px;
           padding: 0px;
           background: url() no-repeat center center -fixed;
     -webkit-background-size: contain; /* For WebKit*/
        background-attachment: ;
     -moz-background-size: contain;    /* Mozilla*/
     -o-background-size: contain;      /* Opera*/
     background-size: contain;         /* Generic*/
     background-color: yellowgreen  ;


  }


.image img {
  height:auto;
  max-width:85%;
  image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: smooth;
  max-height: 850px;

  /* Safari seems to support, but seems deprecated and does the same thing as the others. */
image-rendering: -webkit-optimize-contrast;

}

 image img:hover {

    -webkit-filter: brightness(20%);
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   -ms-transition: all 0.2s ease;
   transition: all 0.2s ease;



  }

#gallery {
  position:  absolute; fixed;
  height: auto;
  width: 100%;
  top: 7%;
  bottom: 11.5%;
  margin: 0 auto;
  float: center;
  left: 0;
  /* center the element */
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  /* give it dimensions */




}


#bg {
  position: fixed;

}


#footer2 {
  text-align: left;
  position: fixed;
  color:  dimgrey;
   bottom: 0px;
   left: 5px;
   padding: 12px;
   margin: auto;
   font-family: Arial;
   font-size: 25px;
   display:inline;

}

#footer3 {
  text-align: right;
  position: fixed;
  color:  dimgrey;
   bottom: 0px;
   right: 5px;
   padding: 12px;
   margin: auto;
   font-family: Arial;
   display:inline;
   font-family: Palatino, URW Palladio L, serif;
   font-size: 15px;
   margin-left: 60px;



}



#page-wrap {
      height:auto !important;
      width: 100%;
      float: center;
}

#title {
position: absolute;
font-stretch: expanded;
text-align: justify;
  font-family: Palatino, URW Palladio L, serif;
  font-size: 26vw;
  font-style: italic;
  font-weight: bold;
  color: dimgrey;
  background: none;
width: 100%;
transform: scale(,1.2);
z-index: -10;
word-wrap: break-word;


}

#textinfo {
position:  fixed; absolute;
 text-align: left;
  font-family: Palatino, URW Palladio L, serif;
  font-size: 15px;
  left: 80px;
  max-width: 50em;
padding-top: 30px;
top:0px;
  color: dimgrey;
  background: none;
  margin-right: 40px;
  padding-left: 20px;
  padding-right: 20px;
  z-index:;
  /* center the element */
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  /* give it dimensions */
  overflow-y: scroll;
    bottom: 0px;


}

#previous {
  font-family: Palatino, URW Palladio L, serif;
  float: center;
  color:  dimgrey;
  display:inline;
  cursor: pointer;
  font-size: 28px;

}
#previous:hover {
      color: red;

    }
#next {
  font-family: Palatino, URW Palladio L, serif;
  color:  dimgrey;
  display:inline;
  cursor: pointer;
     font-size: 28px;
}
#next:hover {
      color: red;
    }


.description {
  text-align: center;
  font-family: Palatino, URW Palladio L, serif;
  font-size: 15px;
  margin: 0 auto;
  color:  dimgrey;
  padding-top: 2px;
  padding-bottom: 8px;
  float: center;
  /* center the element */
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  /* give it dimensions */




}


  #info {
    text-align: left;
    font-family: Palatino, URW Palladio L, serif;
    font-size: 18px;
    top: 25px;
    right: -5px;
    width: 50px;
    float: right;
    margin: 0 auto;
    color:  dimgrey;
    position: fixed;
    font-weight: ;

        /* Safari */
      -webkit-transform: rotate(90deg);

      /* Firefox */
      -moz-transform: rotate(90deg);

      /* IE */
      -ms-transform: rotate(90deg);

      /* Opera */
      -o-transform: rotate(90deg);
z-index: 5;





  }

  #infoarchive {
    text-align: right;
    font-family: Palatino, URW Palladio L, serif;
    font-size: 18px;
    top: 60px;
    right: -35px;
    width: auto;
    float: right;
    margin: 0 auto;
    color:  dimgrey;
    position: fixed;
    font-weight: ;

        /* Safari */
      -webkit-transform: rotate(90deg);

      /* Firefox */
      -moz-transform: rotate(90deg);

      /* IE */
      -ms-transform: rotate(90deg);

      /* Opera */
      -o-transform: rotate(90deg);
z-index: 5;





  }


a:link {
      color:  dimgrey;
}
a:visited {
      color:  dimgrey;
}
/* mouse over link */
a:hover {
    color: red;
}


#contact {
float: left;
  font-family: Palatino, URW Palladio L, serif;
  font-size: 17px;
  text-align: left;
  position: fixed;
  color:  dimgrey;
   top: 8px;
   left:8px;
z-index: 5;




}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {


#info {
    font-size: 10px;
    top: 25px;
    right:-15px;

}

#infoarchive {
    font-size: 10px;
    top: 25px;
    right:-15px;

}



#footer2 {
  font-size: 25px;
bottom: -8px;
  left: -4px;
}

#previous {
  font-size: 25px;
bottom: -8px;
  left: -4px;

}

#next {
  font-size: 25px;
bottom: -8px;
  left: -4px;

}

.description {
  font-size: 10px;
   right: -2px;
   bottom: -2px;

}

#footer3 {
  font-size: 10px;
   right: -2px;
   bottom: -2px;

}

#gallery {
  top:px;
  position: absolute;
  float: center;
  /* center the element */
  right: 0;
  left: 0;
  margin-right: auto;
  margin-left: auto;
  /* give it dimensions */

}

#contact{
  font-size: 10px;
  border: 0px;

}

#textinfo {
  max-width: 30em;
  margin-left:10px;
  margin-right:10px;
  font-size: 12px;
top: 10px;
}




}


@media all and (max-width: 992px) {

    .image img {
    max-height: 600px;
      image-resolution: from-image;
      image-rendering; crisp-edges;


    }





}

@media all and (max-width: 1440px) {

    .image img {
    max-height: 650px;
      image-resolution: from-image;
      image-rendering; crisp-edges;

    }

}