* {
 	box-sizing: border-box;
}

body {
	color: white
	font-size: 13pt;
	font-family: 'Georgia', serif;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	line-height: 1.6;
	background-image: linear-gradient(rgb(91, 195, 96) 0%, rgb(5, 149, 136) 100%);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

div.pagecontents {
}

.dropshadow {
	filter: drop-shadow(10px 15px 20px rgba(0, 0, 0, 0.75));
}

h1 {
	font-size: 20pt;
  font-family: "DIN Condensed", "DIN", "Arial Narrow", Arial, sans-serif;
  color: #000;
  text-shadow: -2px 2px 0px rgba(255,255,255,0.9); /* white drop shadow */
}

h1.white {
  font-family: "DIN Condensed", "DIN", "Arial Narrow", Arial, sans-serif;
  color: white;
  text-shadow: -2px 2px 0px rgba(0,0,0,0.9); /* white drop shadow */
}

h2 {
  font-family: "DIN Condensed", "DIN", "Arial Narrow", Arial, sans-serif;
  color: white
}

.headline {
	font-size: 42pt;
	font-family: "DIN Condensed", "DIN", "Arial Narrow", Arial, sans-serif;
	color: white;
	filter: drop-shadow(10px 15px 20px rgba(0, 0, 0, 0.75));
}

.topmenu {
	font-size: 20pt;
	font-family: "DIN Condensed", "DIN", "Arial Narrow", Arial, sans-serif;
	color: white;
	filter: drop-shadow(10px 15px 20px rgba(0, 0, 0, 0.75));
	a:hover, a:visited, a:link, a:active {
	text-decoration: none;
	color: white
}
}


/*
div.contentcard {
	margin: 50px;
	padding: 20px;
	border-radius: 12px;
	background-color: white;
	filter: drop-shadow(10px 15px 20px rgba(0, 0, 0, 0.75));
}

div.contentrow {
	display: flex;
	flex-direction: row;
	justify-content:center;
}

div.contentrowitem {
	padding: 20px;
	width: 50%;
}
*/


/* Layout for rows: side-by-side on wide screens */
.contentcard { 
	max-width: 1100px; 
	margin: 4%;
	padding: 20px;
	 
	border-radius: 12px;
	background-color: white;
/* 	filter: drop-shadow(10px 15px 20px rgba(0, 0, 0, 0.75)); */
}

.contentrow { 
	display: flex; g
	ap: 1rem; 
	align-items: center; 
	margin: 1rem 0; 
}

.contentrowitem { 
	flex: 1; 
	min-width: 0;
	padding: 20px;
} /* prevents overflow of long content */

.contentrowitem img { 
	display: block; 
	max-width: 100%; 
	height: auto; 
}

  /* Responsive: stack vertically on narrow screens (phones) */
  @media (max-width: 1100px) {
    .contentrow { 
	    flex-direction: column; 
	    align-items: stretch; 
	}
	
    .contentrowitem { 
	    width: 100%; 
	}
	
    .contentrowitem img { 
	    width: 100%; 
	}
	
    .contentrowitem h1 { 
	    font-size: 1.25rem; 
	    margin: 0.5rem 0; 
	}
  }