* {
	font-family: "GT America Condensed Medium",sans-serif;
}

body {
	width: 90%;
	max-width: 70em;
	margin: 0 auto;
	box-sizing: border-box;
}

p {
	line-height: 125%;
}

h1 {
	font-size:150%;
}

h2 {
	font-size:125%
}

h3 {
	font-size:115%
}

.ruler {
	margin-top: 2em;
	margin-bottom: 2em;
	color: #EE0000;
	border-width: 0.5ex;
	border-style: solid;
}

@media screen and (max-width: 75em) {

	.header .menu  {
		padding-left:0px !important;
		padding-inline-start:0px !important;
	}

	.header .languageSwitcher {
		float:left !important;
		margin: 1em;
	}

}

/*for PC only, mobile should not do this*/
.menu li {
	float:left;
	margin-left:  1em;
	list-style-type: none;
}

select, .menu a , .footer a {
	font-weight: bold;
	color: black;
}

.icon svg {
	margin: 1em;
}

.logo, .menu {
	float:left;
}

.logo img {
    margin:1em;
}

.languageSwitcher {
	float:right;
	margin: 1em;
}

.languageSwitcher select {
	font-size: 100%;
	font-family: "GT America Condensed Medium",sans-serif;
}

hr {
	clear:both;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.center {
	text-align:center ;
}

.footer table {
	width:100%;
}

.siteSelector {
	width: 50%; /* Element must have a width smaller than its parent */
	margin: 0 auto; /* Shorthand for top/bottom: 0, left/right: auto */
}

.siteSelector select {
	appearance: base-select; /* Enables the modern customizable state */
	border: 2px outset  #EE0000;
	background: #EE0000;
	font-family: "GT America Condensed Medium",sans-serif;
	font-size: 110%;
	color: white;
	padding: 1em;
	transition: 0.4s;
	width:100%;
}

.siteSelector select::picker-icon {
	display:none;
}

.qrcode {
	height: 76px;
	width: 76px;
}

.legal {
	font-size:90%;
}

.sharing span {
	display: flex;
	align-items: center;
}

.sharing > * {
	float:left;
	height:76px;
	margin-right:1em;
}

.footer table td.thirds {
	width:33%;
}
.footer table td.halves {
	width:50%;
}


.expSection {
	background-color:#f3f3f3; 
	border-radius:1em;
	padding-left: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	margin-bottom:1em;
}

.expSection h4.expHeader {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
}


@keyframes open {
  from {
	rotate: -90deg;
  }
  to {
	rotate: 0deg;
  }
}

@keyframes close {
  from {
	rotate: 0deg;
  }
  to {
	rotate: -90deg;
  }
}

.expSection h4.expHeader::after {
	content: "▼";
	rotate: -90deg;
	font-size:125%;
	margin-right: 1em;
	animation: close 0.25s ease-out; 
}

.expSection.expanded h4.expHeader::after {
	content: "▼";
	rotate: 0deg;
	font-size:125%;
	margin-right: 1em;
	animation: open 0.25s ease-out; 
}

.expSection div.expBody {
	display:none;
}

.expSection.expanded div.expBody {
	display:block;
}