.img1 { flex: 0 0 60%; max-width: 60%;position: relative;}
.narrow {flex: 0 0 40%; max-width: 40%;position: relative;}
.portrait { flex: 0 0 33.33%; max-width:33.33%;position:relative;}
.gallery > div { padding: 5px;}
.gallery {display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.gallery-item { cursor: pointer;  transition: transform 0.2s;transform:scale(.998)}
.gallery-item:hover { opacity:0.8;}
.modal { display: none; position: fixed; z-index: 1000000; left: 0; top: 0; width: 100%; height:100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }
.modal-content { margin: 30px auto; display: block; width:100%; height:auto; padding:15px; box-sizing: border-box;}
.close { position: absolute; top: 60px;right: 35px; color: white; font-size: 40px;font-weight: bold;cursor: pointer;}
.nav-button {position: absolute; top: 50%; background-color:#000; transform: translateY(-50%); color: white; cursor: pointer;font-size: 30px; font-weight:bold;}
#prevBtn { left: 10px; }
#nextBtn { right: 10px; }