body {
	font-family:arial,sans-serif;
	font-size: 16px;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 { font-family:helvetica,arial,sans-serif;
   font-weight:100;
   letter-spacing:3px;
   font-size:2rem;}

table, th, td {padding:10px;
      vertical-align:top;}
      
ul, li {list-style:none;
padding:6px 0px;}

.index {margin-left:20px;}

h5 {text-indent:20px;
text-decoration:none;
font-style:normal;
font-weight:100;
font-family:arial,sans-serif;
font-size: .8rem;}

.link-content {
	color: #554A77;
	text-decoration: underline;
}


.site-header {
	padding:3rem 0rem 2rem 2.5rem;
}

.site-header a:hover{
	text-decoration: none;
}

.site-title {
	font-size:3rem; 
	font-family:helvetica,arial, sans-serif; 
	font-weight: 100; 
	margin:0;
}

.nav-main ul {
	margin: 0;
	padding-right: 1rem;
	text-transform: uppercase;
	/* font-weight: 600; */
}

.container {
	padding-inline: 2.5rem;
	max-width: 1000px;
}

.container-gallery {
	max-width: none;
}

h1 span {
	display: block;
	font-size: .5em;
}

.content {
	display: flex;
	gap: 2rem;
}

.content p:first-of-type {
	margin-top: 12px;
}

.site-footer {
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	/* width: 900px;  */
	margin-left: 40px;
	padding-block: 2rem;
}

.site-footer p {
	font-size:.9rem;
}

.site-footer-divider {
	padding-inline: 1rem; 
	font-size: 1.5rem; 
	height:30px; 
	transform:skewX(-25deg);
}

.site-footer-social-logo {
	box-sizing: border-box; 
	width: 30px; 
	height: 30px; 
	background: #000; 
	border-radius: 50%; 
	margin: 0;
}

.site-footer-social-logo-link {
	display: block; 
	padding: 7px;
}

.site-footer-social-logo-img {
	width: 100%;
}

.content-home nav {
	order: 2;
}

.image-home {
	max-width: 750px;
}

.image-home img {
	width: 100%;
}

.gallery-section {
	margin-top: 1rem;
	display: flex; 
	flex-wrap: wrap;
}

.gallery-desc {
	flex-basis: 100%; 
	margin:0 0 2rem 1rem;
}

.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem 3rem;
	margin: 0;
	
}

.gallery-item {
	margin: 0;
}
.gallery-item img {
	max-height: 400px;
	max-width:100%;
}

.gallery-item-caption {
	padding: 1rem 1rem;
	font-style: italic;
}

.gallery-item-caption span{
	font-style: normal;
}

@media screen and (max-width: 550px) {
	.site-header {
		padding-left: 1rem;
	}
	
	.container {
		padding-inline: 1.5rem;
	}
	
	.gallery-item {
		/* margin: 1rem; */
	}
}
@media screen and (max-width: 450px) {
	
	.nav-main ul {
		display: flex;
		gap: 1rem;
	}

	.content {
		gap: 1rem;
	}

	.content-home .nav-main {
		order: 1;
	}

	.content-home .image-home {
		order: 2;
	}

	.content {
		flex-direction: column;
	}

}