/* type */

body {
	margin: 1rem 5% 1rem 5%;

	font-family: 'letter-gothic-std', monospace;

	font-size: 1rem;
	line-height: 1.5rem;

	letter-spacing:;
}

h1 {
	font-size: 2rem;
	line-height: 3.5rem;
	letter-spacing: -0.5px;
	font-family: 'Helvetica', sans-serif;
	font-weight: normal;
	padding-left: 2.5rem;
	margin-top: 0;
}

h2 {
	margin-top: 0rem;
	margin-bottom: 1rem;
	font-weight: normal;

	font-size: 1.5rem;
}

h3 {

	margin-top: 0;

	font-size: 1.25rem;
	letter-spacing: 0.1rem;
}

#calendar h1 {float:left;}

#calendar h1.date {width: 11rem; padding-left: 0rem;}
#calendar h1.event {padding-left: 0rem;}

p {margin-top: 0;}

ul {list-style-type: "—— "; padding-left: 2.5rem;}
ol {padding-left: 2.5rem;}

	nav ul {list-style-type: " ";}
	#calendar ul {list-style-type: "@ "; padding-left: 0;}

	li {margin: 0.5rem 0;}

a {color: black; text-decoration: none; border-bottom: 1px solid black;}

	a:hover {text-decoration: none; border-bottom: 0px;}

	nav a {
		font-family: 'Helvetica', sans-serif; 
		font-weight: normal; 
		font-size: 1.25rem; 
		line-height: 2rem; 
		letter-spacing: -0.5px; 
		border-bottom: 0;
		padding-top: 1px;
		padding-bottom: 1px;
	}

	nav a:hover {border-bottom: 3px solid black !important; border-top: 3px solid black !important;}

time {font-weight: bold;}
#calendar time {border: 1px solid black; padding: 0.25rem 0.5rem 0.25rem 0.5rem; margin-bottom: 2rem;  display: block; width: fit-content;}

sup {font-size:14px; vertical-align: top; letter-spacing: 0.5px; padding-left: 0.25rem;}


/* big elements */

header {width: 100%; height: 7.5rem; font-weight: bold;}

	#header_momentum_scroll {}

	.object-in-3d {}
	.float-center {}

	#header-wrapper {display: flex;}

		#header_title {width: 25rem;}
		#header_title_short {width:100%; display:none;}

		#keywords_wrapper {display: flex; width: calc(100% - 25rem); justify-content: space-between;}
		.keywords {}

nav {width:25rem; display:inline-block; position:fixed; margin-top: 0.5rem; margin-bottom: 5rem;}

	#logo {width: 17.5rem; display: block; margin-bottom: 1.5rem;}
	#logo:hover {cursor: pointer;}

footer {height: 2.5rem; padding-top:10px; padding-bottom:10px; border-top: 1px solid black;}

	.logos {padding: 10px; vertical-align: top;}

section {padding: 0; margin: 0rem 5rem 5rem 25rem; max-width: 42.5rem;}

	#calendar section {max-width: 50rem;}

#calendar img {max-width: 100%; height: auto; border: 1px solid black;  align-self: top;}

.calendar-block {clear: left; display: flex; gap: 2.5rem; border-bottom: 0px solid black; justify-content:space-between; margin-bottom: 1.5rem;}

	.half-block {display: inline-flex; flex-basis: auto; margin-bottom: 2rem; gap:1rem;}

		.half-block-text {max-width: 15rem; min-width: 10rem;}
		.half-block-image {max-width: 7.5rem;}

@media (max-width: 1024px) {
	body {margin: 1rem; font-size: 16px; line-height: 21px;}
	h1 {font-size: 2rem;}

	.calendar-block {display: block;}

	#calendar h1.date {width: auto;}
	#calendar h1.event {padding-left: 2.5rem;}

	#keywords_wrapper {display: none;}
	#header_title {display: none;}
	#header_title_short {display: inline-block;}

	section {margin: 0 0 3.5rem 0 ; max-width: 100%;}

	nav {position: relative; width: 100%;}

	#calendar ul {padding-left: 1rem;}

	.half-block {width: 100%;}

}