@charset "CP850";
:root {
  --responsiveVersion: "2.1"; }

@media only screen and (min-width: 980px) {
  .mobileOnly {
    display: none; } }
@media only screen and (max-width: 980px) {
  .mobileHidden {
    display: none; }

  :root {
    --contentPadding: 1rem; }

  body {
    min-width: 320px; }

  header {
    height: auto;
    padding-bottom: 1rem; }
    header .headCont {
      display: flex; }
      header .headCont .logos a {
        width: 100%; }
        header .headCont .logos a img {
          width: 100%;
          height: auto; }
      header .headCont .logos a, header .headCont h1 a {
        height: auto; }
      header .headCont h1 img:not(#❤) {
        max-width: 150px;
        padding-left: 0;
        background: none;
        width: 25vw;
        height: auto; }

  #mainnav {
    position: sticky;
    top: 0;
    z-index: 100; }

  #metanav .navCont,
  header .headCont,
  #mainnav .navCont,
  #mainCont,
  footer .footerCont,
  footer .footerCont .hg {
    width: calc(100% - var(--contentPadding)*2); }

  footer {
    --footerHeight: 4rem;
    height: var(--footerHeight);
    margin-top: -3.5rem; }
    footer .footerCont {
      height: var(--footerHeight); }
      footer .footerCont .hg {
        height: var(--footerHeight);
        background-size: contain !important; }

  #metanav2 {
    position: fixed;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 100; }
    #metanav2 ul {
      display: flex;
      flex-direction: column; }
      #metanav2 ul li {
        padding-top: .5rem; }
        #metanav2 ul li a {
          height: 66px;
          padding: 0 !important;
          color: transparent;
          background-color: transparent; }

  .cont .listing {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 0 .5rem; }
    .cont .listing > div {
      float: none;
      width: calc(50vw - 1.25rem); }

  table tr > td[style="width:25%"] > span > a > img {
    width: 200px;
    max-width: 25vw;
    height: auto; } }
@media only screen and (max-width: 640px) {
  #mainnav .navCont ul > li a {
    background-image: none !important; }

  .cont .listing > div {
    width: calc(100vw - 2.5rem); } }
@media only screen and (max-width: 480px) {
  #mainnav .navCont {
    height: auto; }
    #mainnav .navCont ul > li {
      font-size: 1em; } }