html{
	background-color: #CCCCCC;
	text-align: center;
	overflow-x: hidden;
  scroll-behavior: smooth;
}
body{
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items:center;
	overflow-x: hidden;
}
.imagesmin{
  width: 500px;
  min-width: 300px;
  margin: auto;
  align-items: center;
  display: grid;
  grid-template-rows: 1fr, 1fr;
  text-align: center;
}
.imagesmin img {
  max-width: 500px;
  height: auto;
}
.imagerow{
  display: flex;
  flex-direction: row;
}
.year{
  margin-top: 80px;
  font-size: 20px;
}
#page-top {
    position: fixed;
    right: 5px;
    bottom: 5px;  
}
#footer{
clear:both;
}

@media (max-width: 619px) {
  body{
		width: 93.5483871vw; /* 580(px) / 620(px) * 100vw */
  }
	img {
	  display: flex;
	  flex-direction: column;
		width: 93.5483871vw; /* 580(px) / 620(px) * 100vw */
	}
	.imagerow img {
		width: 46.77419355vw; /* 290(px) / 620(px) * 100vw */
	}
 .pagetop img{
    width: 16.12903226vw; /* 100(px) / 620(px) * 100vw */
  }
  .year{
    margin-top: 50px;
  }
}