@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/merriweather/v28/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --mainText: #483e36;
  --mainMid: #B5663F;
  --mainHi: #fff;
  --linkText: #ca6e1f;
  --linkHi: #d27e36;
  --bgLt: #fff;
  --bgDk: #ccd;
  --bgVd: #bbc;
  --bgSd: #889;
}

* {box-sizing: border-box;}
body, html, input, select, textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--mainText);
  font-family: Merriweather, georgia, serif;
  margin: 0;
  box-sizing: border-box;
  position: static;
  overflow-x: hidden;
}
a.stmc {
  position: absolute;
  left: -9999px;
}
a.stmc:focus {
  left: 0;
  padding: 0.1em 0.8em;
  color: var(--linkText);
  z-index: 10;
  background-color: rgba(255,255,255,0.7);
  border-bottom-right-radius: 1em;
}
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background: #639AB588;
  z-index: 2;
  /*! padding: 1.5em 0.3em; */
  /*! height: 120px; */
}

header p {
	text-shadow: 1px 1px 1px #0009, -1px 1px 1px #0009, 0px -1px 1px #000f;
  max-width: 12em;
	margin: 0.5em 1em 0.5em 0.5em;
	align-self: center;
	font-size: max(2vw, 22px);
	text-align: left;
	line-height: 1.2em;
	font-weight: bold;
	color: var(--mainHi);
}

footer {
  text-align: center;
  font-size: 70%;
  background-color: var(--mainText);
  color: var(--mainHi);
  padding: 2em;
}

footer ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em 0.5em;
  justify-content: center;
  align-content: space-evenly;
  margin-bottom: 1.5em;
  padding-left: 0;
}

footer li {
  display: block;
  margin: 0.4em 0.1em;
}

footer li a {
  padding: 0.4em;
  font-size: 14px;
  font-variant-caps: small-caps;
  text-decoration: none;
  background-color: var(--mainMid);
  white-space: nowrap;
  border: 1px solid var(--mainHi);
  color: var(--mainHi);
  transition: background-color 0.5s, color 0.5s;
}

footer a {color: var(--mainHi);}
footer a:hover {color: var(--bgLt);background-color: var(--linkHi);}

.side {
  grid-area: side; 
  padding: 0; 
  margin: 0.5em;
  font-size: 85%;
  border-top: 1px solid var(--mainHi);
}

main {
  background-color: #ffffff88;
  padding: 1em;
  position: relative;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 100px, rgb(255, 255, 255) 300px);
}
main::before {
	background-image: url("../assets/layout/DefHead.jpg");
	/*! background-size: 150%; */
	/*! background-position: 50% calc(40% - 160px); */
	background-repeat: no-repeat;
	/*! background-attachment: fixed; */
  position: absolute;
  display: block;
  inset: 0;
	z-index: -1;
	content: " ";
}
main.twocol {
  display: grid;
  grid-template-rows: min-content 1fr;
  grid-template-columns: 1fr minmax(290px, 40vw);
  grid-template-areas: "h1 side" "cont side";
  padding: 3em 0em 1em 1em;
}
@keyframes ex {
  0%   {background-color: transparent;}
  25%  {background-color: var(--bgDk);}
  50%  {background-color: var(--bgDk);}
  100% {background-color: transparent;}
}
p:target, h2:target, h3p:target {
  background-color: var(--mainHi);
  padding-left: 0.4em;
  margin-left: -0.4em;
  animation-name: ex;
  animation-duration: 4s;
  scroll-margin-top: 3em;
  scroll-snap-margin-top: 3em; /* iOS 11 and older */
}

@media (pointer: fine) { /* and (hover: hover) */
  #SubNav {
    display: flex;
    justify-content: space-between;
    /*! align-items: center; */
    position: sticky;
    top: 0px;
    background: var(--mainText);
    z-index: 1;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    padding: 0.2em;
    height: 2.7em;
  }
  #SubNav nav {
    width: 100%;
    display: flex;
    position: absolute;
    background: var(--mainText);
    left: 0;
    max-height: 2.3em;
    justify-content: flex-start;
    overflow: hidden;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    transition: max-height 0.4s ease-in-out;
  }
  #SubNav nav:hover {max-height: 200px;}
  
  #SubNav #snTitle {display: none;}
  
  #SubNav ul {
    margin: 0;
    justify-content: left;
    align-items: start;
    width: 100%;
    border-left: 1px dotted var(--mainMid);
    padding: 5px 6px 6px 9px;
    height: min-content;
    transition: max-height 0.5s ease-out, gap 0.25s ease-out;
    display: inline-flex;
    max-width: 100%;
    /*! flex-direction: column; */
  }
  #SubNav nav label {display: none;}
  body main {top:0; padding-bottom: 1.6em;}
  body main.twocol {top:0; padding-top: 1em;}
}


@media all and (min-width: 661px) {
  header nav label {display: none;}
  .side {
    grid-area: side; 
    border: 0px dashed var(--bgDk); 
    padding: 1.5em 2em 1em 2em; 
    margin: 0px 0 1em 2em;
    font-size: 85%;
    box-shadow: 0 -16px 20px -5px var(--bgSd);
    top: -18px;
    position: relative;
  }
  #mainnav a {box-shadow: 1px 1px 3px 2px var(--mainText);}
}

@media all and (min-width: 800px) {
  main {padding: 1em 10vw;}
  main.twocol {padding: 3em 0em 1em 8vw;}
  .side {margin: 0px 0 1em 8vw;padding: 1.5em 2.7em 1em 2.7em;}
}

@media all and (min-width: 1000px) {
  main {padding: 1em 16vw;}
  main.twocol {/*! padding: 1em 5vw; */}
}

.cont {grid-area: cont;}
.cont p:first-child {margin-top: 0;}

#bg {
  background-image: url("../assets/layout/DefHead.jpg");
  background-size: 100%;
  background-position: 50% calc(40% - 30px);
  background-repeat: no-repeat;
  /*! background-attachment: fixed; */
  position: absolute;
  height: 160px;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

#logo {
  flex-shrink: 0;
  /*! margin: 0.5em; */
  /*! background: #ffffff40; */
  /*! height: 120px; */
  /*! overflow: hidden; */
}

#logo img {
  display: block;
  /*! height: 120px; */
  object-fit: cover;
  width: 100px;
  /*! object-position: 0 1%; */
  /*! background: #fff5; */
  /*! border-radius: 50%; */
  /*! box-shadow: 0 0 0px 2px #ffffff40; */
  /*! max-height: 50px; */
  border: none;
  margin: 12px;
  padding: 4px;
  filter: drop-shadow(0px 0px 3px #333);
  object-position: center;
}

nav {flex-grow: 1;/*! height: min-content; */}
nav input {display: none;}
nav input:checked~label span:last-child, nav input:not(:checked)~label span:first-child {display: none;}

nav ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  justify-content: right;
  align-content: center;
  margin: 0.5em 0.5em 0.5em 0.5em;
  padding-left: 0;
}

#SubNav nav li {
  flex-grow: 1;
  /*! display: inline-block; */
  /*! margin: 0px 5px 10px; */
  min-width: fit-content;
  max-width: 50%;
}

nav li a, #SubNav #snBack {
  padding: 0.3em 0.7em;
  font-size: 13px;
  font-variant-caps: small-caps;
  text-decoration: none;
  background-color: var(--mainMid);
  /*! margin: 0.4em; */
  white-space: nowrap;
  /*! border: 1px solid var(--mainText); */
  color: var(--mainHi);
  border-radius: 0.3em;
  display: block;
  /*! box-shadow: 0 0 2px 0px var(--bgDk); */
  transition: background-color 0.5s, color 0.5s;
  /*! width: auto; */
  text-align: center;
}

#SubNav a, #SubNav #snBack {
  background: var(--mainMid);
  /*! color: var(--bgDk); */
  border-color: var(--bgSd);
  /*! box-shadow: 0 0px 1px 1px var(--mainMid); */
}
#SubNav a:hover, #SubNav #snBack:hover {
  background-color: var(--linkHi);
  color: var(--mainHi);
}

#SubNav #snBack {
  text-decoration: none;
  margin: 5px 10px 5px 6px;
  /*! padding-top: 2px; */
  /*! top: 2px; */
  /*! position: absolute; */
  background-color: var(--mainMid);
  align-self: start;
  /*! flex-grow: 0; */
}
#mainnav a {/*! box-shadow: 0 0 2px 0px var(--bgDk); */}

nav li a:hover {
  background-color: var(--linkHi);
  color: var(--mainHi);
}

h1 {grid-area: h1; font-size: 1.7em;}
.cont > h2 {font-size: 1.2em; line-height: 1.3em;text-align: left;margin-top: 2em;}
h3 {font-size: 1.2em; font-weight: normal;}
p {margin: 0.8em 0;}
ul {margin: 0 0.5em;padding-left: 1em;}
li {margin-bottom: 0.2em}
a {color: var(--linkText);text-decoration: none;}
a:hover {color: var(--linkHi);}
a.pop span {
  /*! display: none; */
  /*! position: absolute; */
  background-color: var(--bgLt);
  /*! border: 1px solid var(--mainMid); */
  /*! margin: -103px 0 0 -15px; */
  /*! padding: 2px 2px 2px 5px; */
  width: 300px;
  z-index: 20;
  bottom: 50%;
}
a.pop:hover span, a.pop:focus span {display: inline;}

hr {border: 1px dashed var(--bgDk);}
table {border-collapse: collapse;width: 100%;}
tr {}
th, td {border: 1px solid var(--bgVd);padding: 0.2em 0.3em 0.15em;font-size: 90%;}
th {text-align: left;font-weight: bold;}
td {}

img {border: 1px solid var(--mainText); /*! padding: 0.2em; */width: 100%;}
img.iright {float: right; width: 40vw; min-width: 300px; max-width: 360px;margin-left: 1.5em;margin-bottom: 0.7em;border: 1px solid var(--mainText);padding: 2px;}
img.icon {
	width: 20px;
	border: none;
	vertical-align: text-top;
	margin-right: 2px;
	margin-left: 1px;
}

blockquote {
  position: relative;
  padding: 0.1em 1em 0.1em 2.5em;
  margin: 1.5em 0 1.5em;
  font-variant-caps: small-caps;
  border-left: 3px solid var(--linkText);
  quotes: "\201C" "\201D" "\2018" "\2019";
  font-size: 110%;
}

blockquote:before {
  position: absolute;
  font-family: Georgia;
  top: -0.3em;
  left: 5px;
  content: "\201C";
  font-size: 400%;
  color: var(--linkText);
}

form.ins {margin: 1em 0;}
input, select, textarea, form.ins label {display: block; font-size: 85%; width: 100%; margin: 0.2em 0;appearance: none;}
form.ins label {margin-top: 1em;}
input, select, textarea {border: 1px var(--bgVd) solid;cursor: pointer;padding: 0.3em;color: #444;}
.g-recaptcha > div {margin: 1em auto;}
button[type="submit"], .end {grid-column-start: 1; grid-column-end: span 2;}

.cardbox, .cardboxmsg {
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  align-items: stretch;
  /*! justify-content: flex-start; */
  margin: 2em 0;
}
.cardboxmsg {
  display: block;
}
.cardbox.large {gap: 0.6em;}

.card {
  border: 1px solid var(--mainText);
  padding: 0em 0.7em 0em;
  min-width: 160px;
  flex-grow: 1;
  flex-basis: 80px;
  border-radius: 0.2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  container-type: inline-size;
}
.card h2 {margin: 0.5em 0; font-size: 7cqi; text-align: center;}
.card div {overflow-y: auto;max-height: 16em;padding: 0 0.2em;margin-bottom: 0.3em;}
.cardboxmsg .card {/*! flex-basis: auto; */margin: 1em 0;}
.cardboxmsg .card div {max-height: unset;padding: 0 0.3em;}
.cardbox.large .card {
  font-size: 13px;
  justify-content: flex-start;
  padding-top: 0.7em;
  flex-grow: 1;
  flex-basis: 200px;
  min-width: 180px;
  /*! max-width: 300px; */
  padding-bottom: 0.7em;
}

.card .imbox {
  height: 40%;
  display: block;
  overflow: hidden;
  position: relative;
}

.card img {
  width: 100%;
  object-fit: cover;
  object-position: 50% 30%;
  position: relative;
  aspect-ratio: 3 / 2;
  padding: 0px;
  border-color: var(--mainText);
}
.cardboxmsg .card img {
  aspect-ratio: 16 / 5;
  margin-bottom: 0.3em;
}
.cardboxmsg .mhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 1em;
  /*! margin: 2px -0.6em 0.7em; */
  /*! padding: 0 0.7em; */
}
.cardboxmsg .mhead h2 {flex-grow: 1;text-align: left;flex-basis: content;font-size: 1em;}
.cardboxmsg .mhead p {flex-shrink: 1;text-align: right;font-size: 80%; color: var(--mainMid)}
.cardboxmsg .mhead .msg3 {font-size: 80%;}
.cardboxmsg .mhead .msg4 {font-style: italic}
.cardbox.large h2, .cardbox.large p {margin: 0;}
.cardbox.large h2 {font-size: 15px;margin: 0 0.2em 0.4em;text-align: left;}
.card p:empty, .mhead .msg3:empty, .mhead .msg4:empty, footer div ul:empty {display: none;/*! margin: 0.3em; */}

/* Gallery Module */
#viewer, #scroller {display:block; margin-bottom: 8px;}

#viewer {width:auto; display: grid;grid-template-columns: minmax(374px, 60%) 1fr;gap: 1em;}
div#lboxcont {position:relative; height:64vh; background-color:var(--bgLt); border: 1px solid var(--mainMid);padding: 5px;}
img#lightbox {display:block; position:relative; height:100%; width:100%; border:0px; cursor:pointer; object-fit:contain;}
div#slides {overflow-x: hidden;overflow-y: auto; scrollbar-color: var(--bgDk) transparent; scrollbar-width: thin;height: 50vh;}
div#slides h2 {margin-top:0em;margin-bottom: 0.2em;}
div#slides div {font-size: 80%;}

div#scroller {display:grid; grid-template-columns: 25px 1fr 25px; height:min-content; border: 1px solid var(--mainMid);background-color: var(--bgLt);}
div#browser {display:block; position:relative; height:auto; scroll-behavior:smooth; overflow-y:hidden; overflow-x:scroll; white-space:nowrap; /*! margin: 0px 28px 0px 28px; */ background-color: var(--bgLt); scrollbar-color: var(--bgDk) transparent;scrollbar-width: thin;}
div#thumbs {display:flex; padding:5px;height: fit-content;gap: 5px;width: fit-content;align-items: stretch;}
div#thumbs a {height:14vw; width:14vw; flex-shrink:0; max-width: 120px; max-height: 120px;object-fit: contain;min-width: 90px;min-height: 90px;}
div#thumbs a img {/*! border-width:0; */ height: 100%;object-fit: cover;}
div#thumbs a:hover img, div#thumbs a:focus img {opacity:0.8; filter:opacity(80%);}
div#thumbs a span {background: #666; display: block; position: relative; z-index: 20; opacity: 1; width: 100%; text-align: center; text-decoration: none; top: -4px;}
div.button {text-align:center; opacity:0.5; user-select: none;}
div.step {display:none; position:absolute; top:50%; margin-top:-15px; height:30px; width:30px; text-align:center; line-height:30px;}
div.button, div.step {cursor:pointer;color: transparent;}
div#lboxcont:hover div.step {display:block; background-color:#fff; opacity:0.6; filter:opacity(60%);}
div.button:hover {opacity:1; filter:opacity(100%);}
div#left, div#stepl {background:var(--bgDk) url(images/left.png) no-repeat 50% 50%;}
div#right, div#stepr {right:0px; background:var(--bgDk) url(images/right.png) no-repeat 50% 50%;}
div#stepl {left:0px; border-radius:0px 15px 15px 0px;}
div#stepr {right:0px; border-radius:15px 0px 0px 15px;}
/* Gallery Module */

/* Lightbox */
#IBbak {position:fixed; display:none; background-color: rgba(0,0,0,.75); left:0; right:0; top:0; bottom:0; z-index:200;}
#IBframe {position:fixed; left:50%; top:50%; width:auto; transform: translate(-50%,-50%); cursor:pointer; box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.7); background: white; padding: 5px;border-radius: 5px;}
#IBframe p {font-weight:bold; font-size:70%; font-family:sans-serif; padding:0px 0.5em 3px 4px;margin: 0;}
#IBclose {position:absolute; top:5px; right:3px;}
#IBframe img {display:block; border:0; max-width:95vw; max-height: 90vh;border-radius: 4px;width: auto;}
/* Lightbox */

@media all and (max-width: 1000px) and (min-width: 660px) {

}

@media (hover: none) or (pointer: coarse) {
  #SubNav {
    display: block;
    /*! justify-content: space-between; */
    /*! align-items: stretch; */
    position: sticky;
    top: 0px;
    /*! background: var(--mainText); */
    /*! padding: 3px 0px; */
    /*! text-align: left; */
    z-index: 1;
    padding: 0;
  }
  #SubNavX::before {
    content: 'MENU'; color: var(--bgDk);
    margin-left: 8px;
  }
  #SubNav #snTitle {
    color: var(--bgDk);
    display: inline-block;
    position: absolute;
    /*! width: 6em; */
    text-align: center;
    margin: 0.25em 0 0 0;
    right: 2em;
    top: 5px;
  }
  #SubNav #snBack {
    /*! text-decoration: none; */
    /*! box-shadow: none; */
    margin: 0.5em 0 -0.1em 0.3em;
    /*! padding: 0.3em 0.4em; */
    top: 2px;
    /*! position: relative; */
    display: inline-block;
    width: fit-content;
    /*! background-color: transparent; */
  }
  /* #SubNav #snBack:before {content:"Back to: ";} */
  #SubNav nav {
    display: block;
    /*! justify-content: space-between; */
    /*! align-items: center; */
    position: absolute;
    top: 0px;
    background: var(--mainText);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
    /*! padding: 4px; */
    /*! text-align: center; */
    padding-bottom: 3px;
    width: 100%;
  }

  #SubNav nav label {
    position: absolute;
    top: 0.3em;
    right: 0.3em;
    font-size: 120%;
    color: var(--bgDk);
    z-index: 30;
  }

  #SubNav nav ul {
    /*! display: flex; */
    /*! background-color: var(--bgLt); */
    overflow: hidden;
    width: auto;
    max-height: 0px;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    transition: max-height 0.5s;
    padding: 0px 2px 0px 2px;
    margin: 5px -2px 0px -2px;
    justify-content: center;
    gap: 0em;
    border: none;
    /*! top: -5px; */
    /*! position: relative; */
  }

  #SubNav nav li {  
    width: 100%;
    max-width: 400px;
    /*! min-width: 300px; */
  }
  
  #SubNav nav li a {
    text-align: center;
    margin: 6px 4px 3px 4px;
    /*! max-width: 200px; */
    white-space: break-spaces;
    font-size: 18px;
  }

  #SubNav nav input:checked~ul {
    max-height: 500px;
  }
  body main {padding-top:2.8em;}
}

@media all and (max-width: 560px) {
  img.iright {display: block; float: none; width: 100%; margin: 1em 0; border: 2px double var(--mainText);max-width: unset;min-width: unset;}
}

@media all and (max-width: 660px) and (min-width: 1px) {
  #bg {
    background-size: 680px;
    /*! background-position: 50% 0px; */
    height: 180px;
  }
  .side {margin: 0;}

  header nav {
    position: absolute;
    top: 0px;
    right: -100vw;
    overflow: visible; 
    z-index: 40;
  }

  header nav label {
    position: absolute;
    /*! top: -8px; */
    right: 100vw;
    margin-right: 0px;
    font-size: 160%;
    line-height: 43px;
    background: none;
    border-radius: 3px;
    margin-top: 4px;
    padding: 0 7px;
    color: var(--mainHi);
  }
  header nav label .menuOpen {}

  header nav ul {
    display: block;
    background-color: var(--mainText);
    overflow: hidden;
    width: fit-content;
    height: 100%;
    margin-right: 0.3vw;
    /*! margin-left: 500px; */
    transition: right 0.3s;
    padding: 6px 6px 6px 6px;
    margin-top: 46px;
    box-shadow: 0 0 5px 0px black;
    z-index: 40;
    position: relative;
    right: -100vw;
    border-radius: 7px;
    /*! border: 1px solid var(--mainText); */
    max-width: 90vw;
    /*! min-width: 20px; */
  }

  header nav li a {
    text-align: center;
    margin: 0.5em 4px;
    /*! max-width: 90vw; */
    white-space: break-spaces;
    font-size: 18px;
    background-color: var(--mainMid);
  }

  header nav input:checked~ul {
    right: 100vW;
    /*! background: var(--mainText); */
  }
  footer {/*! top: 150px; */ position: relative;}
  header p {text-align: left; /*! line-height: 1.4em; */max-width: fit-content;margin-right: 2.6em;text-wrap: balance;/*! color: var(--mainText); *//*! text-shadow: none; */font-size: max(3.5vw, 14px);}
  header p, header nav label {text-shadow: 0px 1px 1px #0009, 0px 0px 2px #0006;}

  header nav input:checked~label {background-color: var(--mainText); color: var(--bgDk);}
  
  main, main.twocol {
    /*! top: 1em; */
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-template-areas: "h1" "cont" "side";
    padding-right: 1em;
  }
  /* Gallery Module */
  #viewer {grid-template-columns: 1fr; gap: 0 1em;/*! height: 68vh; */grid-template-rows: 49vh 8em;}
  div#lboxcont {height: auto;}
  img#lightbox {}
  div#slides {height: auto;border: 1px solid var(--mainMid);padding: 0.5em;border-top: 0;font-size: 85%;background-color: var(--mainHi);}
  div#slides p, div#slides h2 {margin: 0.2em 0}
}

@media all and (max-height: 500px),(max-width: 660px) {
  #logo {
    align-self: center;
    position: relative;
    /*! overflow: hidden; */
    /*! flex-basis: 60px; */
    flex-shrink: 0;
    margin: 4px;
  }
  
  #logo img {
    /*! min-height: 60px; */
    border-radius: 0px;
    margin: 5px;
    width: 34px;
    height: 100%;
    /*! filter: none; */
    padding: 0;
  }

  header {
    /*! background: rgba(255, 255, 255, 0.85); */
    /*! justify-content: left; */
    /*! padding: 0; */
    /*! min-height: 50px; */
    /*! margin-bottom: 100px; */
    /*! box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); */
    justify-content: left;
  }
  header p {/*! text-align: left; *//*! line-height: 1.4em; *//*! max-width: fit-content; *//*! margin-right: 2.6em; *//*! text-wrap: balance; *//*! color: var(--mainText); *//*! text-shadow: none; *//*! font-size: max(2.5vw, 15px); */}
}