main.gallery {
  padding: unset;
}

.gallery > .gallery__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-template-rows: repeat(6, 200px);
  grid-gap: .5rem;
  grid-auto-flow: dense;
}
/*
.gallery > .gallery__list > li:nth-child(7n) {
  grid-column: span 2;
  grid-row: span 2;
}

.gallery > .gallery__list > li:nth-child(8n) {
  grid-column: span 3;
  grid-row: span 3;
}
*/
.gallery > ul {
	margin-inline-start: unset;
	margin-inline-end: unset;
	list-style-type: none;
	padding-inline-start: unset;
}
.gallery > .gallery__list > li > figure {
  height: 100%;
  margin-inline-start: unset;
  margin-inline-end: unset;
}

.gallery > .gallery__list > li > figure > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portrait_thumb{
    transform: rotate(270deg) scale(.8);
}

.container {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: max-content max-content max-content max-content;
	grid-auto-rows: max-content;
	gap: 5px 0px;
	grid-auto-flow: row;
	grid-template-areas:
		"header"
		"picture";
}


.picture {
	width: 100%;
	max-width: 1000px;
	float: right;
	margin-left: auto;
    margin-right: auto;
    grid-area: picture; 
}

.photographer{
	width: 98%;
}
@media (min-width: 255px) {

	.photographer{
		opacity: 0;
	}
	.picture{
		background-image: url(/graphics/gonzo_500.webp);
		background-repeat: no-repeat;
  		background-size: auto;
  		background-position: center;
	}
}

@media (min-width: 510px) {

	.photographer{
		opacity: 0;
	}
	.picture{
		background-image: url(/graphics/gonzo_1000.webp);
		background-repeat: no-repeat;
  		background-size: auto;
  		background-position: center;
	}
}


.header { grid-area: header; }

.header H1{
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 4em;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

body{
	font-family: 'Source Sans Pro', sans-serif;
	font-style : normal;
	color: #e5effa;
	background-color: #161413;
}
H1 {
	margin-block-start: 0px;
	margin-block-end: 0px;
	font-weight : bolder;
	font-size : xx-large;
	padding-bottom : 5px;
	text-align: center;
	color : #7eafe6;
}

H2 {
	margin-block-start: 0px;
	margin-block-end: 0px;
	font-weight : bold;
	font-size : large;
	padding-bottom : 5px;
	color : #7eafe6;
}
.sub_header {
	margin-block-start: 0px;
	margin-block-end: 0px;
	font-weight : bold;
	text-align: center;
	padding-bottom : 5px;
	color : #e5effa;
	display: block;
}

a{
	color: #e5effa;
	text-decoration-thickness: 1px;
	text-decoration-color: #7eafe6;
	text-underline-offset: 2px;
	text-decoration-skip-ink: all;
}
blockquote p{
	color : #7eafe6;
	margin: 5px !important;
}
blockquote {
	display: block;
	margin-block-start: .5em;
	margin-block-end: .5em;
 }


.roundedCorner
{
	border: solid 1px #7eafe6d4;
    box-shadow: 5px 5px 2px #7eafe633;
    border-radius: 25px;
    padding-left: 20px;
    padding-top: 5px;
    margin-bottom: 5px;
}