html  {
  display: block;
  align-self: center;
  text-align: center;
  background-color: rgb(206, 206, 206);
}
.imgitem {
  align-self: center;
  max-width:100%;
  height: auto;
  padding-top: 2%;
}
#headimg  {
  width: 75%; 
  margin: 0 auto;
  padding-top: 2%;
  padding-bottom: 5%;
}
#bodycontain  {
  margin: 0 auto;
  margin-top: 25px;
  padding:0 15% 0;
  text-align: center;
  font-size: 150%;
}
#infocontain  {
  margin: 0 auto;
  margin-top: 25px;
  padding:5% 5% 0;
  text-align: center;
  font-size: 100%;
}
#infocontain h2{
  font-size: 150%;
}
#infocontain p{
  margin: 5%;
}
#infocontain h2>p {
  margin: 2%;
}
#footercontain  {
  padding-top: 5%;
  position:relative;
}
#policy {
  bottom:0;
  margin: 0 auto;
  font-size: 75%;
}
@media only screen and (min-width: 800px) {
.imgitem {
  align-self: center;
  max-width:100%;
  height: auto;
  padding-top: 2%;
}
#headimg  {
  width: 75%; 
  margin: 0 auto;
  padding-bottom: 2%;
}
#bodycontain  {
  margin: 0 auto;
  margin-top: 25px;
  padding:0 15% 0;
  text-align: center;
  font-size: 150%;
}
#infocontain  {
  margin: 0 auto;
  padding:2% 5% 0;
  text-align: center;
  font-size: 125%;
}
#infocontain h2{
  font-size: 2vw;
}
#infocontain p{
  margin: 3%;
}
#infocontain h2>p {
  margin: 2%;
}
#footercontain  {
  padding-top: 150px;
  position:relative;
}
#policy {
  bottom:0;
  margin: 0 auto;
  font-size: 100%;
}
}