* {
		margin:0;
		padding:0;
}

body {
		background: #e3dfdd;
		margin: 0 0.5rem;
		font-family: "Cormorant", Georgia, serif;
}

header, header img, nav, main, footer {
		width: 600px;
		max-width: 100%;
}

header {
		margin: 0 auto 0.5rem;
}
header img {
		display: block;
		margin: 0 auto;
}

header span {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1.3rem;
		margin-bottom: 1rem;
}

body > nav {
		margin: 0 auto 1.5rem;
}

body > nav ul {
		display: flex;
		flex: row;
		flex-wrap: wrap;
		justify-content: space-between;
}

body > nav ul li {
		list-style-type: none;
		font-variant-caps: small-caps;
}

body > nav a:link, body > nav a:hover,
body > nav a:active, body > nav a:visited {
		text-decoration: none;
		font-size: 1.5rem;
		font-weight: 600;
		color: #490201;
}

main {
		margin: 0 auto;
}

main h1 {
		text-align: center;
		margin: 0 0 1rem;
		font-size: 3rem;
}

main > h2 {
		display:flex;
		align-items: center;
		margin: 0 0 1rem;
		font-size: 2rem;
		width: 100%;
}
main > h2:hover {
		cursor: pointer;
}

main > h2 > span {
		display: flex;
		flex: 1;
		text-align: right;
		font-size: 1.6rem;
		align-items: center;
		padding-right: 1.8rem;

		background-repeat: no-repeat;
		background-size: 1.3rem 1.3rem;
		background-position: right center;
}

main > h2 > span::before {
		content: '';
		margin-left: 1rem;
		margin-right: 1rem;
		margin-top: 0.2rem;
		height: 1px;
		flex: 1;
		background-color: #000;
}

main > h2 > span {
		background-image: url(img/down.svg);
}

main > h2 > span.showy {
		background-image: url(img/up.svg);
}

h2 + div {
		display: none;
		opacity: 0;
		-webkit-animation: fadeInFromNone 0.5s ease-out;
    -moz-animation: fadeInFromNone 0.5s ease-out;
    -o-animation: fadeInFromNone 0.5s ease-out;
		animation: fadeInFromNone 0.5s ease-out;
}

h2 + div.showy {
		display: block;
		opacity: 1;
}

@-webkit-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-moz-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@-o-keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0;
    }

    1% {
        display: block;
        opacity: 0;
    }

    100% {
        display: block;
        opacity: 1;
    }
}

main > p {
		font-size: 1.3rem;
		margin-bottom: 0.8rem;
}

div.sectshow {
		display: none;
}

section {
		/* border: 1px solid rgba(0,0,0,0.5); */
		min-height: 200px;
		margin-bottom: 1.5rem;
		padding: 0.8rem;
		border-radius: 0.5rem;
		box-shadow: 0 0.2rem 10px rgba(0 0 0 / 40%);
}

section a:link, section a:hover, section a:visited, section a:active {
		color: #000;
		text-decoration: none;
}

section a img {
		max-height: 200px;
		max-width: 100%;
		display: block;
		float: right;
		clear: both;
}

section a + span {
		display: block;
		color: #444;
		font-size: 1.2rem;
		margin-bottom: 0.3rem;
}

section h2 {
		font-size: 1.5rem;
}

section ul {
		margin-left: 2rem;
}

hr {
		border: 0;
		display: block;
		height: 2rem;
		width: 2rem;
		margin: 2rem auto 1rem;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url('data:image/svg+xml,<svg width="441.527" height="444.387" viewBox="0 0 116.821 117.577" xmlns="http://www.w3.org/2000/svg"><path d="M71.69 96.706q7.642 0 14.603 2.875 6.582 2.8 12.181 8.398 5.523 5.448 8.323 12.257 2.875 6.734 2.875 14.678 0-7.717 2.648-14.375 2.724-6.734 8.55-12.56 5.296-5.447 12.181-8.398 6.886-2.875 14.603-2.875-7.717 0-14.603-2.876-6.885-2.95-12.181-8.398-5.826-5.826-8.55-12.484-2.648-6.734-2.648-14.451 0 7.944-2.875 14.754-2.8 6.734-8.323 12.181-5.599 5.599-12.181 8.398-6.961 2.876-14.603 2.876m-20.428 0q11.727 0 22.395-4.464 10.139-4.237 18.84-12.863 8.474-8.398 12.787-18.84 4.388-10.44 4.388-22.622 0 11.879 4.161 22.169 4.162 10.29 13.014 19.293 8.172 8.323 18.84 12.863 10.592 4.464 22.395 4.464-11.803 0-22.395 4.464-10.668 4.54-18.84 12.862-8.852 9.004-13.014 19.294-4.16 10.29-4.16 22.168 0-12.181-4.39-22.622-4.312-10.442-12.786-18.84-8.701-8.625-18.84-12.862-10.668-4.464-22.395-4.464" transform="translate(-51.262 -37.917)"/></svg>');
		&:before {
				content: "";
		}
}

a.goto:link, a.goto:visited, a.goto:active, a.goto:hover {
		display: block;
		font-size: 1.3rem;
		text-align: center;
		width: 100%;
		color: #490201;
}

footer {
		margin: 1rem auto 1.5rem;
		font-size: 1.2rem;
		text-align: center;
}

main > p a {
		text-decoration: none;
		color: #298bf7;
		font-weight: bold;
}

@media (max-width: 600px) {
		header span {
				font-size: 0.9rem;
		}
		body > nav ul li {
				text-align: center;
				min-width: 40%;
		}
		body > nav a:link, body > nav a:hover,
		body > nav a:active, body > nav a:visited {
				font-size: 1.3rem;
				text-align: center;
		}
		main h1 {
				font-size: 2rem;
		}
		main > h2 {
				font-size: 1.6rem;
		}
		main > p {
				font-size: 1.2rem;
		}

		section ul {
				margin-left: 1.5rem;
		}
		section a img {
				max-height: 180px;
		}
}