@import "/include/modal.css";
@import url('https://fonts.googleapis.com/css2?family=Allura&family=Saira+Extra+Condensed:wght@100;200;300;400;500;600;700;800;900&family=Marck+Script&family=Open+Sans&family=Orbitron&family=Roboto&family=Creepster&family=Roboto&family=Pixelify+Sans&display=swap');

@font-face {
	font-family: "trek_regular";
	src: url(fonts/trek_regular.ttf);
}
@font-face {
	font-family: "Pixelify Sans";
	src: url(fonts/PixelifySans-VariableFont_wght.ttf);
}
@font-face {
    font-family: 'final_frontier_old_styleRg';
    src: url('https://chicago.us.mensa.org/weem/webfontkit/finalold-webfont.woff2') format('woff2'),
         url('https://chicago.us.mensa.org/weem/webfontkit/finalold-webfont.woff') format('woff'),
         url('https://chicago.us.mensa.org/weem/fonts/trek_regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

.wufoo .info {
	display:none
}

.comic {
	font: bold larger "Comic Sans MS", "Comic Sans", fantasy;
}

.theme {
	font-family: 'Slackey', cursive;
	/*
	font-family: "Serif Gothic", "Viner Hand", "Lucinda Calligraphy Italic", fantasy;
	font: bold larger "Serif Gothic", "Viner Hand", "Lucinda Calligraphy Italic", fantasy;
	*/
}

.tech {
	font-family: "Techno", "Futura", "SYNCHRO LET", "Andale Mono", "Courier",
		Monospace;
	font-variant: small-caps;
	font-weight: normal;
}

.signature {
	font-family: 'Allura', cursive;
	font-size: 150%;
}

#weemlogo44nahalf {
	float: right;
	margin: -12ex -2em  0.5em 2em;
	text-align: center;
	width: 30%;
}

#imgtxt {
	margin-top: 0;
}

DT {
	font-weight: bold;
}

h1,h2,h3,h4 {
	font-family: Roboto, "San Francisco", "Arial Black", Arial, Helvetica, Verdana, sans-serif;
}
h1 {
	font-size: clamp(2rem, 6vw, 4rem);
	line-height: 1.1;
}
h2 {
	font-size: clamp(1.75rem, 5vw, 3rem);
}
.top-grid h2 {
	margin-top: 0;
}
.top-grid+h2 {
	margin-top: 1ex;
}
h3, #join1 {
	font-size: clamp(1.5rem, 4vw, 2.5rem);
}
h4 {
	font-size: clamp(1.25rem, 3vw, 1.5rem);
	margin-top: 1ex;
}
p, ul, ol, td {
	font-size: clamp(1rem, 1.25vw, 1.25rem);
}
.creepy {
	font-family: Creepster, Roboto, "San Francisco", "Arial Black", Arial, Helvetica, Verdana, sans-serif;
	font-size: clamp(3rem, 7vw, 7rem);
	color: #980F0F;
	margin: 0 auto;
}
#news {
	padding-left: 2vw;
	padding-right: 2vw;
}

H2+P,H3+P,H4+P {
	margin-top: 1ex;
}

.left {
	text-align: left;
}

P.tight {
	margin-top: 1pt;
}

UL.points LI {
	margin-top: 1ex;
	padding-left: 1em;
}
.weem-list ul {
	margin: 1em;
}

ADDRESS {
	margin: 0.4em 0 0.4em 1em;
}

IMG {
	border:0 none;
}

IMG.weemlogo {
	float: right;
	margin: 2ex -50px 1ex 10px;
}
.accordion-container label.accordion {
	width: 100%;
}
.sidenav a:hover, .sidenav #sidenav-scroll #menu-list a:hover, .sidenav #sidenav-scroll #menu-list a:hover i {
  text-decoration: underline;
}
#header-container {
	width: calc(100% - clamp(4rem, 9vw, 8rem));
    display: grid;
    gap: 0;
    grid-template-rows: 1fr auto auto;
}
.dark, .silver-bg, .bronze-bg {
	border-radius: 10px;
	padding: 2vw 3vw;
}
.subject-card {
	container-type: inline-size;
	container-name: card;
}
.subject-card.dark {
	background-color: var(--SlateBlue);
	background: var(--SlateBlue);
	background: -webkit-linear-gradient(top left, #14233A, #6C91CB);
	background: -moz-linear-gradient(top left, #14233A, #6C91CB);
	background: linear-gradient(to bottom right, #14233A, #6C91CB);
	margin: 0;
}
.subject-card__details {
	min-width: 60%;
}
.subject-card__details h2 {
	margin-top: 0;
}
.button, .submit-btn {
	background-size: 200% auto;
	border-radius: 10px;
	background-position: 100% 0;
	moz-transition: all .7s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.button:hover, .submit-btn:hover {
	text-decoration: none;
}        
#weeMLogoLeft {
	grid-row: 1 / -1;
	grid-column: 1;
	justify-self: center;
	align-self: center;
}
.superhead {
	color: var(--SlateBlue);
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: clamp(1.2rem, 3vw, 1.8rem);
	font-weight: normal;
	text-align: left;
	margin: 0 auto 1ex auto;
	grid-row: 1;
	grid-column: 2;
	justify-self: center;
	align-self: end;
}
#header-container.span-all .superhead, #header-container.span-all .head, #header-container.span-all .date {
	grid-column: 1/-1;
	align-self: center;
	padding-top: 0;
}
.head {
	font-family: Orbitron, "Viner Hand", "Lucinda Calligraphy Italic", fantasy, sans-serif;
	font-size: 250%;
	font-weight: bold;
	text-align: center;
	margin: 6pt 0;
	grid-row: 2;
	grid-column: 2;
	justify-self: center;
	align-self: center;
}
.subhead {
	font-family: "trek_regular", "Viner Hand", "Lucinda Calligraphy Italic", fantasy, sans-serif;
	font-size: clamp(1.25rem, 3vw, 2rem);
	font-weight: normal;
	color: purple;
	background-color: inherit;
	text-align: center;
	margin: 6pt 0 0 0;
}
.date {
	color: var(--SlateBlue);
	font-family: 'Roboto Condensed', Verdana, Helvetica, Arial, sans-serif;
	font-size: clamp(1.2rem, 3vw, 1.8rem);
	background-color: inherit;
	text-align: center;
	margin: 0 0 0 0;
	grid-row: 3;
	grid-column: 2;
	justify-self: center;
	align-self: self-start;
}
.sm {
	font-size: 80%;
	font-family: "Arial Black", Arial, Helvetica, Verdana, sans-serif !important;
}

.fa-lg {
	font-size: 300%;
}

DIV.contents {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12pt;
	text-align: left;
	width: 11em;
	padding-right: 1em;
	float: left;
}
  
  .flex-social {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 2vw;
  }

  .flex-social > div {
	width: 15em;
	text-align: center;
	margin: 0;
	background: inherit;
	position: relative;
	height: auto;
	.calendarButton {
		margin: 0;
	}
  } 

.cl {
	clear: left;
}

STRONG {
	color: green;
} 

span.greyBtn {
	background-color: LightGrey;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: black;
    opacity: 80%;
    font-size: 95%;
}
span.memberBtn {
	background-color: #000099;
    border-radius: 5px;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: white;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 95%;
}
span.joinBtn {
	background-color: #286090;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: white;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 95%;
}
span.settingsBtn {
	background-color: #8cc63f;
    padding-left: 0.5em;
    padding-right: 0.5em;
    color: white;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 95%;
}
#amsettings {
	float: right;
	width: 25%;
	max-width: 250px;
	margin: 0 0.5em 0.5ex 0.5em;
}
	
.grid-container {
	display: grid;
	height: 100%;
	align-content: space-between;
	gap: 0;
	padding: 0;
}
	
.grid-container.rows2 {
	grid-template-rows: auto auto;
}

#news {
	cursor: ns-resize;
}

.subject-container {
	width: 100%;
	display: grid;
	grid-auto-flow: dense;
	grid-template-columns: repeat(auto-fit, minmax(375px, 1fr));
	gap: 20px;
}

.subject-card {
	background-color: var(--SlateBlue);
	background: var(--SlateBlue);
	background: -webkit-linear-gradient(top left, #14233A, #6C91CB);
	background: -moz-linear-gradient(top left, #14233A, #6C91CB);
	margin: 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	padding: 2ex 8% 0 8%;
	display: grid;
	grid-template-columns: 1fr 150px;
	gap: 10px;
	align-items: center;
	align-content: center;
	color: white;
	font-weight: 100;
	h2, p, ol, ul, h2, span, a:link, a:visited, a:link span, .fa-app-store, .youtube, .fas, .fa-arrow-up-right-from-square, .fa-regular {
		color: white;
		font-family: "Open Sans", "Roboto", Montserrat, "Font Awesome 6 Free", "Font Awesome 5 Free", sans-serif;	
	}
	.subject-card__details .youtube { 
	 	color: white 
	}
}


.subject-card  a:link, .subject-card  a:link span, .subject-card  a:link span.fas,  
.subject-card a:visited, .subject-card a:visited span, .subject-card a:visited span.fas,
.subject-card a i {
	filter: brightness(200%);
	text-decoration: underline;
}
.subject-card  a i.fa-regular {
	filter: brightness(200%);
	text-decoration: none;
}

.subject-card  a:link, .subject-card a:visited {
		filter: brightness(200%);
}

.subject-card__details a.hover {
	filter: brightness(300%);
}

.subject-card__artwork {
     width: 100%;
   }

   
.subject-card__details .weemBtn {
   	margin-top: 1.75ex;
	margin-bottom: 2.5ex;
	border-top: 1px solid #9fc4ae;
	background: rgb(255,215,0, 0.9);
	padding: 1.25ex  1em;
	border-radius: 5px;			/* W3C */
	color: Black;
	opacity: 0.8;
	font-size: 14px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-align: center;
	line-height: 110%;
	text-decoration: none	!important;
	vertical-align: middle	!important;
	filter: brightness(100%);
}

.subject-card__details a.weemBtn {
	filter:brightness(100%);
	color: Black;
	background-color: lightcyan;
	font-weight: 600;
	display: inline-block;
	-webkit-hyphens: manual;
	hyphens: manual;
	
}

.subject-card__details a.weemBtn:link {
	filter:brightness(100%);
}

.subject-card__details a.weemBtn:hover {
	filter: brightness(200%);
}

.subject-card__details a.weemBtn:active {
	text-decoration: none	!important;
}
 
.gplay-logo { 
  	width: 20px; 
  	max-height: 16px;
}
	
.subject-card__details strong {
	color: rgb(255,215,0);
	filter: brightness(300%);
}

.logolarge {
	float: right; 
}

.logolarge img {
	display: block;
	max-width: 100%;
	height: auto;
	float: right;
}

.logo27, .logo28, .logo29, 
.logo30, .logo31, .logo32, .logo33, .logo34, .logo35, .logo36, .logo37, .logo38, .logo39, 
.logo40, .logo41, .logo42, .logo43, .logo44, .logo44half {
	width: 22%; 
	float: right; 
	margin-left: 1em;
}

.logo27 {
	width: 20%; 
	margin-top: -8ex;
	margin-right: -1em;
}

.logo27h {
	display: none;
}

.logo28 {
	width: 35%; 
	margin-top: -1ex;
	margin-right: -1em;
}

.logo29 {
	width: 30%; 
	margin-top: -3ex;
	margin-right: -1em;
}

.logo30 {
	width: 40%; 
	margin-top: -1ex;
	margin-right: -1em;
}

.logo31 {
	width: 30%; 
	margin-top: -1ex;
	margin-right: -1em;
}

.logo32 {
	width: 30%; 
	margin-top: -4ex;
	margin-right: -1em;
}

.logo33 {
	width: 30%; 
	margin-right: -1em;
}

.logo34 {
	width: 35%; 
}

.logo35 {
	margin-top: -9ex;
	margin-right: -25px;
}

.logo36 {
	width: 30%; 
}

.logo38, .logo39 {
	width: 35%; 
}

.logo40 {
	width: 30%; 
}

.logo41 {
	width: 35%; 
}

.logo42 {
	width: 30%; 
}

.logo43 > img {
  max-width: 100%;
  height: auto;
  float: right;
}

.logo44 {
	width: 35%; 
	max-width: 275px;
}

.logo44half {
	width: 35%; 
}

#weemLogo45 {
	grid-column: 1/-1;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
}

.dark STRONG {
	color: orange;
} 

.dark.wpics {
	display: grid;
	padding: 2ex 2em;
	gap: 1em;
	grid-template-columns: 100%;
	height: 85%;
	justify-content: center;
	align-content: center;
	container-type: inline-size;
	container-name: links;
}
.dark.wpics #pb, .dark.wpics #rg, .dark.wpics #costume, .dark.wpics #costume2 {
	display: grid;
	grid-template-columns: 150px minmax(min-content, 80%);
	justify-content: center;
	align-items: center;
}
.dark.wpics #pb:after, .dark.wpics #rg:after, .dark.wpics #costume:after,, .dark.wpics #costume2:after {
  content: "";
  display: table;
  clear: both;
}
.dark.wpics #costume #costumeImg, .dark.wpics #rg #rgImg {
	max-width: 150px;
	padding-right: 1em;
}
.dark.wpics #costume2 #costume2Img {
	max-width: 140px;
	padding-right: 1em;
	justify-self: center;
}
.dark.wpics #pb #pbImg {
	max-width: 75px;
	padding-right: 1em;
	justify-self: center;
}
.dark.wpics p {
	margin: 4ex auto;
	text-align: center;
	justify-self: center;
}
	
.wpic {
	display: grid;
	height: 85%;
	margin-bottom: 1ex;
	justify-content: center;
	align-content: center;
}

.wpic p {
	margin: 4ex auto;
	text-align: center;
}

.wpic.dark a, .wpic.dark a:link, .wpic.dark a:visited {	
	text-decoration: none;
}

.wpic.dark a:hover {	
	text-decoration: underline;
	text-decoration-style: solid;
}

.dark a.gallery {
	font-size: 300%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: normal;
	text-decoration: none;
}
.dark a.gallery:hover {
	font-size: 300%;
	text-decoration: underline;
	text-decoration-style: solid;
}
.div-pin {
	margin-left: auto;
	margin-right: auto;
	width: 3em;
}
.div-pin img:hover {
   	transform:scale(4);
}
#container-pb {
 width: 100%;
 max-width: 100%;
 /* .page padding set to 2em */
 max-width: calc(100vw - 4em);
 overflow: hidden;
 margin: 0 auto 0 auto;
}
.photobanner {
 height: 233px;
 max-height: 233px;
 margin: 1.5ex 0;
 padding: 0;
}
.photobanner img {
 height: 233px;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
 
.photobanner img:hover {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 -ms-transform: scale(1.1);
 transform: scale(1.1);
 cursor: pointer;
 
 -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
 box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

/*keyframe animations*/
.first {
 -webkit-animation: bannermove 45s linear infinite;
    -moz-animation: bannermove 45s linear infinite;
     -ms-animation: bannermove 45s linear infinite;
      -o-animation: bannermove 45s linear infinite;
         animation: bannermove 45s linear infinite;
}

.blinking {
    animation: blinkingText 2.5s 60;
}
@-webkit-keyframes blinkingText{
    0%{     color: var(--LinkBlue);    }
    49%{    color: var(--LinkBlue); }
    60%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: var(--LinkBlue);    }
}
@-moz-keyframes blinkingText{
    0%{     color: var(--LinkBlue);    }
    49%{    color: var(--LinkBlue); }
    60%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: var(--LinkBlue);    }
}
@keyframes blinkingText{
    0%{     color: var(--LinkBlue);    }
    49%{    color: var(--LinkBlue); }
    60%{    color: transparent; }
    99%{    color: transparent;  }
    100%{   color: var(--LinkBlue);    }
}

#rabbitImg {
	margin-top: -6ex;
	margin-bottom: 0;
	width: 20%;
}
#metronomeImg {
	margin-top: -6ex;
	margin-right: -1em;
	margin-bottom: 0;
	width: 20%;
	float: right;
}
#alarmClockImg {
	width: 20%;
	float: right;
}


/* Rules Sensitive to Screen Size */

/* Very Large Screen Rules */
@media screen and (min-width: 2400px) 
{

	#live.subject-container {
		grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
		gap: 2em;
	}
	
	.subject-card {
		padding: 20px 5% 3ex 8%;
		gap: 1em;
	}
	
	#live.subject-container #program.subject-card {
		grid-column: 1 / span 2;
	}
}
@media screen and (min-width: 1275px) 
{
	#live.subject-container #program.subject-card {
		grid-column: 1 / span 2;
	}
}
@media screen and (min-width: 600px) 
{ 
	/* .page padding increased to 3.5em */
	#container-pb {
		max-width: calc(100vw - 7em);
	}
}

@media screen and (min-width: 451px) 
{
	#news .news-title h2 {
		text-align: center
	}
	#news .marque-content {
		display: inline-block;
		width: 100%;
	}
	#news .marque-container {
		overflow-y: hidden;
		position: relative;
	}
	#news .marque p {
		margin-top: 4ex;
	}
	#news .marque p:first-of-type {
		margin-top: 0;
		padding-top: 8ex;
	}
	#news .marque p:last-of-type {
		margin-bottom: 0;
	}
    #news .marque {
	  -moz-animation: marquee 35s linear infinite;
	  -webkit-animation: marquee 35s linear infinite;
	  animation: marquee 35s linear infinite;
      -moz-animation-delay: 2.5s;
      -webkit-animation-delay: 2.5s;
      animation-delay: 2.5s;
      display: block;
      height: 200%;
	}
	#news .marque:hover {
		animation-play-state: paused;
	}
	#news .marque .blinking {
		animation: none;
	}
	@-moz-keyframes marquee {
	  0% {
	    transform: translate(0, 0);
	  }
	  100% {
	    transform: translate(0, -100%);
	  }
	}
	@-webkit-keyframes marquee {
	  0% {
	    transform: translate(0, 0);
	  }
	  100% {
	    transform: translate(0, -100%);
	  }
	}
	@keyframes marquee {
	  0% {
	    -moz-transform: translate(0, 0);
	    -webkit-transform: translate(0, 0);
	    transform: translate(0, 0);
	  }
	  100% {
	    -moz-transform: translate(0, -100%);
	    -webkit-transform: translate(0, -100%);
	    transform: translate(0, -100%);
	  }
	}
}

@media screen and (max-width: 1200px) 
{
	#news > p {
	    -webkit-hyphens: auto;
	    -webkit-hyphenate-limit-before: 3;
	    -webkit-hyphenate-limit-after: 3;
	    -webkit-hyphenate-limit-chars: 6 3 3;
	    -webkit-hyphenate-limit-lines: 2;
	    -webkit-hyphenate-limit-last: always;   
	    -webkit-hyphenate-limit-zone: 5%;
	
	    -moz-hyphens: auto;
	    -moz-hyphenate-limit-chars: 6 3 3;
	    -moz-hyphenate-limit-lines: 2;  
	    -moz-hyphenate-limit-last: always;
	    -moz-hyphenate-limit-zone: 5%;
	
	    -ms-hyphens: auto;
	    -ms-hyphenate-limit-chars: 6 3 3;
	    -ms-hyphenate-limit-lines: 2;
	    -ms-hyphenate-limit-last: always;   
	    -ms-hyphenate-limit-zone: 5%;
	
	    hyphens: auto;
	    hyphenate-limit-chars: 6 3 3;
	    hyphenate-limit-lines: 2;
	    hyphenate-limit-last: always;   
	    hyphenate-limit-zone: 5%;
	}
}
/* Medium to Large Screen Rules */
@media screen and (max-width: 1000px) 
{
	.logo44, .logo44half {
		width: 40%; 
	}

	.subject-container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
		gap: 20px;
	}
	
	.subject-card {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	
	.subject-card__details h2 {
		margin: 0 auto 1ex auto;
	}
	
	.subject-card-artwork {
		grid-row-start: 1;
		width: 65%;
		margin-left: auto;
		margin-right: auto;
	}
	#register .subject-card-artwork {
		width: 55%;
	}
	#roomsrides .subject-card-artwork {
		width: 40%;
	}
	#volunteer .subject-card-artwork, #sales .subject-card-artwork {
		width: 50%;
	}
}

@media screen and (max-width: 800px) 
{
	#weeMLogoLeft {
		grid-row: 2 / -1;
	}
	.superhead {
		grid-column: 1 / -1;
		justify-self: center;
		align-self: center;
	}
}

@media screen and (max-width: 650px) 
{
	#weeMLogoLeft {
		grid-row: 2;
	}
	.dark.wpics {
		padding: 0 1em;
		height: auto;
	}
}

/* Small Screen Rules */
@media screen and (max-width: 515px) 
{ 	
	#header-container {
		width: calc(100% + 5vw - clamp(4rem, 9vw, 8rem));
	}
	/* .page padding decreased to 0.75em */
	#container-pb {
		max-width: calc(100vw - 1.5em);
}

/* Tiny Screen Rules */
@media screen and (max-width: 375px) 
{
  #metronomeImg {
	float: none;
	margin-top: -11ex;
	margin-left: auto;
	margin-right: auto;
  }
  #alarmClockImg {
	width: 80%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	}
}

/* Tiny Screen Rules */
@media screen and (max-width: 330px) 
{
  .dark.wpics #costume #costumeImg, .dark.wpics #costume2 #costume2Img {
	max-width: 120px;
  }
}

/* Small Screen Rules */
@media screen and (max-width: 515px) 
{
	#deadline-section ul {
		margin-left: 1.25em;
	}
	
	#weemlogo44nahalf, .logo44half {
		width: 100%;
		max-width: fit-content;
		float: none;
		margin: -2ex auto 1ex auto;
	}

	#imgtxt {
		display: none;
	}

	.flex-container > div {
	  width: 85%;
	  margin: 0;
	}

	.subject-container {
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.subject-card {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
	
	.subject-card__details h2 {
		margin: 0 auto 1ex auto;
	}
	
	.subject-card-artwork {
		grid-row-start: 1;
		width: 55%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.weemlogo2006  {
		margin: auto; 
		width: 100%;
	}
	
	.logolarge {
		width: 100%; 
		margin: auto;
		margin-bottom: -1ex;
		float: none;
	}

	.logolarge img {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: auto;
		height: auto;
		float: none;
	}
	
	.logo27, .logo28, .logo30, .logo31, .logo32, .logo33, .logo34, .logo37, .logo38, .logo39, .logo40, .logo41, .logo42, .logo43, .logo44 {
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%; 
		max-width: 100%;
	}
	
	.logo32 {
		margin-bottom: 1ex;
	}
	
	.logo35 {
		width: 28%; 
		margin-top: 0;
		margin-bottom: -1ex;
		margin-right: 0;
	}
	
	.logo27v {
		display: none;
	}
	
	.logo27h {
		display: block;
	}
	
	.date {
		font-family: Verdana, Helvetica, Arial, sans-serif;
		margin: 0 0 0 0;
	}
	
	UL.points {
		margin-left: 0;
		padding-left: 1.25em;
	}
	
	UL.points li {
		padding-left: 0;
	}
	.flex-social > div {
		width: 80%;
		margin-top: 0.25ex;
		margin-bottom: 0.25ex;
		padding: 0;
	}
	.dark a.gallery, .dark a.gallery:hover {
		font-size: 250%;
	}
}

/* Medium Screen Size Rules */
@media screen and (min-width: 516px) and (max-width: 701px)
{
	.flex-container > div {
	  width: 46%;
	  margin: 0;
	}

	.logolarge {
		width: 45%; 
		float: right; 
		margin: 0 -20px 1ex 1em;
	} 

	.logolarge img {
		height: auto;
		float: right;
	}
	
	.logo36 {
		width: 30%; 
		margin-top: -2ex;
	}
	
	.logo37 {
		width: 30%; 
		margin-top: -2ex;
	}
	
	.logo38 {
		width: 35%; 
	}
	
	.logo39 {
		width: 35%; 
	}
	
	.logo40 {
		width: 30%; 
	}
	
	.logo41 {
		width: 35%; 
	}
	
	.logo42 {
		width: 30%; 
	}
	
	.logo43 {
		width: 25%; 
	}
}

/* Small Screen Rules */
@media screen and (max-width: 380px) 
{		
  .dark a.gallery, .dark a.gallery:hover {
	font-size: 150%;
  }
}
	
@container links (min-width: 100px) 
{
	.dark a.gallery {
		font-size: 1.5rem;
	}
}
@container links (min-width: 515px) {
	.dark a.gallery {
		font-size: 2.5rem;
	}
}
@container links (min-width: 700px) {
	.dark a.gallery {
		font-size: 3rem;
	}
}
@container card (max-width: 440px) 
{
	.subject-card-artwork.volunteer {
		width: 40%;
	}
}