@charset "UTF-8";
/* CSS Document */

/** == Responsive Setup (sitewide typography) == **/

/* Desktop down to 1025px */
@media screen and (max-width: 1500px){
  body, html {
    font-size: 1.6vw !important; /* rem = 24px - 16.2px */
  }
}

/* Tablet 1024px–776px */
@media screen and (max-width: 1024px){
  body, html {
    font-size: 1.6vw !important; /* rem = ~16.2px - 12.4px */
  }
}

/* Mobile ≤768px */
@media screen and (max-width: 768px){
  body, html {
    font-size: 16px !important; /* rem = 16px */
  }

    /*
   * layout Fixes
  */

  /* title / hero */
  main .md-page-title {
    position: absolute;
    display: inline-block;
    top: 3.5rem !important;
    white-space: nowrap;
    left: 50%;
    margin: 0;
    width: unset;
    padding: 0.5rem 1rem;
    transform: translateX(-50%);
  }
  #el-title-hero {
    height: 10rem !important;
  }

  /* main */
  main#md-page-main, main.site-main {
    padding-top: 10rem !important;
  }

  /* blocks */
  div.md-sfg-sixty {
    padding-right: 2rem !important;
  }
}

/* Oversize Screens ≥1501px */
@media screen and (min-width: 1501px){
  body, html { 
    font-size: 24px !important; /* rem = 24px */
  }
}

/* (All nav/logo/mobile-menu rules have been moved into nav.css and colocated
   under a single @media (max-width: 775px) block for a desktop-first approach.) */