body {width: 100vw;height: 100vh;background-color: brown;}


.layout {
width: 90%;
display: grid;
grid: "header" auto "main" 1fr "footer" auto / 1fr;
}

.header { grid-area: header;
  margin: 10px;
  padding: 10px;
}
.euan, .munn {
  color:#fff;
font-family:helvetica, san-serif;
  font-weight: bold;
font-size: 8em;
display: block;
}

a.contact {
color:#fff;
font-family:'IvyMode', Arial, san-serif;
font-size: 1.5em;
display: block;
  text-decoration:none;
}

.euan {margin-right:0.25em;}

.layout_header {
  width: 100%;
  display: flex;
  gap: 16px;
}
.layout_header1 {
  width: 100%;
  border-bottom: 1px dotted #fff;
  display: flex;
  margin: 0px 0px 20px 0px;
}

.grow1 { flex-grow: 1; }
.main { grid-area: main;
  margin: 10px;
  padding: 10px;
}

.layout_main {
width: 100%;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.thumb {
  width:150px;
  height:150px;
  border: 1px #585858 solid;
  border-radius: 10px;
  }
.thumbPic {
width:150px;
  height: 150px;
  border-radius: 10px;  
}

.footer { grid-area: footer;
  margin: 10px;
  text-align: center;
border-top:#fff 1px dotted;
left: 0px;
color:#fff;
font-family:'IvyMode', Arial, san-serif;
font-size: 0.75em;
display: block;
}
.caption {color:#fff;}
.gallery-cell {
  opacity: 0.25;
}
.gallery-cell.is-selected {
opacity: 1;
transition: opacity 500ms ease-in;
}