*{
   margin:0;
   padding:0;
}
html {
    max-height: 100vh;
    max-width: 1080px;
    margin: 0 auto;
}
body {
/*    background: #ccc;*/
}
.wrapper {
    display: block;
}
header {
    margin: 0 auto;
    text-align: center;
}
header h1 {
    font-size: 1.7rem;
  padding: 20px 0 20px 0;
    color: blue;
}
.gallery {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
}
.gallery img {
    width: 90%;
    margin: 0 auto;
    box-shadow: 0 10px 30px rgba(104,104,104,0.8);
}
.gallery h3 {
    text-align: center
}
.narrative {
    display: block;
    width: 90%;
    margin: 0 auto;
}
#textBox1{
	clear:both; border:4px solid;
    margin: 20px 0 20px 0;
    padding:10px;
/*    width: 80%;*/
    box-shadow: 10px 10px 5px #888888; margin-bottom:30px;
}

#textBox2{
	border:4px solid;
    padding:30px;
    margin-bottom:30px;
    border-style:groove;
    border-color:aqua;
    border-width:15px;
    background:orange;
}
#textBox2 h2 {
    font-size: 1rem;
    padding-bottom: .5rem;
}
footer {
   text-align: center;
    margin: 15px;
    padding-bottom: 20px;
}