html { -webkit-text-size-adjust: 100%;
    height: 100%;       
 }

body{
 font-family: arial;
 margin-top: 2em;
}

a{
 text-decoration: none;
 color: black;
}

.content{
  width: 100%;
}

h1, h2{
  font-weight: lighter;
  font-size: 1.5em;
}

h2{
  margin-top: 0;
  border-bottom: 2px black solid;
}

h1{
  border-bottom: 2px black solid;
}

h3 {
  font-weight: lighter;
  font-size: 1em;
}

/*— P A G E -*/

.page{
  width: 100%;
  margin-top: -0.5em;
}

#page{
  width: 40%;
}

p{
  width: 50%;
}

#legende p{
  font-size: 0.6em;
  width: 30%;
}

#legende{
  margin-bottom: 1em;
}

.gallery{
  text-align: left;
}

.gallery img{
  width: 60%;
}

/*I P H O N E*/

@media only screen and (max-width: 550px) and (min-width: 0px) {

#allen img, #sturtevant img{
  width: 100%;
}

body{
  font-size: 80%;
}

.page{
  font-size: 100%;
}

#page{
  width: 100%;
}

p{
  width: 90%;
}

#legende p{
  width: 80%;
}
}

/*I P A D*/

@media only screen and (max-width: 1000px) and (min-width: 550px) {

#allen img, #sturtevant img{
  width: 80%;
}

.page{
  font-size: 90%;
}

#page{
  width: 70%;
}

p{
  width: 80%;
}

#legende p{
  width: 40%;
}
}