/* Phone layout. The Wix export only carried the 981px desktop layout; below 768px this stacks the
   absolutely positioned blocks into one column. Desktop is untouched. */
@media (max-width:768px){
  html,body{overflow-x:hidden}
  #SITE_CONTAINER,#masterPage,#main_MF,#site-root{width:100%!important;min-width:0!important;margin:0!important}
  #masterPage,#SITE_PAGES_TRANSITION_GROUP{grid-template-columns:100%!important}
  #SITE_PAGES,#PAGES_CONTAINER{width:100%!important}

  /* unwrap the fixed-size, absolutely positioned page blocks */
  #SITE_HEADER *,#PAGES_CONTAINER *,#SITE_FOOTER *{max-width:100%;min-width:0!important}
  #PAGES_CONTAINER section,#SITE_FOOTER section{width:100%!important}
  #PAGES_CONTAINER [id^="comp-"],#SITE_FOOTER [id^="comp-"]{
    position:relative!important;left:auto!important;top:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;margin-left:0!important;margin-right:0!important}
  #PAGES_CONTAINER [data-mesh-id],#SITE_FOOTER [data-mesh-id]{display:block!important;height:auto!important;min-height:0!important}
  #PAGES_CONTAINER{padding:0 14px;box-sizing:border-box}
  #PAGES_CONTAINER p,#PAGES_CONTAINER h1,#PAGES_CONTAINER h2,#PAGES_CONTAINER h3,#PAGES_CONTAINER li{
    text-align:left!important;line-height:1.5!important;overflow-wrap:anywhere}
  #PAGES_CONTAINER img{max-width:100%!important;height:auto!important}
  /* section background photos fill their section instead of collapsing */
  #PAGES_CONTAINER [id^="bgMedia_"] img,#PAGES_CONTAINER wow-image[id^="img_comp"] img{width:100%!important;height:100%!important;object-fit:cover!important}
  #SITE_FOOTER{text-align:center}
  /* forms: full-width, thumb-sized fields; 16px stops iOS from zooming on focus */
  #PAGES_CONTAINER form input:not([type=checkbox]):not([type=radio]),#PAGES_CONTAINER form textarea,#PAGES_CONTAINER form select{
    width:100%!important;box-sizing:border-box;min-height:44px;font-size:16px!important}
  #PAGES_CONTAINER form [id^="comp-"],#PAGES_CONTAINER form [id^="comp-"]>div{width:100%!important;box-sizing:border-box}
  #PAGES_CONTAINER form [id^="comp-"]{flex-direction:column;align-items:stretch}
  #PAGES_CONTAINER form textarea{min-height:120px}
  #PAGES_CONTAINER form button{min-height:44px;width:100%!important}
  #PAGES_CONTAINER form label{display:block;margin:10px 0 4px}
  #PAGES_CONTAINER h1{font-size:clamp(26px,8vw,36px)!important}
  #PAGES_CONTAINER h2{font-size:clamp(22px,6.5vw,30px)!important}

  /* header: logo, phone, then a wrapping menu */
  #SITE_HEADER{position:relative!important;height:auto!important;padding:10px 14px;box-sizing:border-box;text-align:center}
  #SITE_HEADER [id^="comp-"],#SITE_HEADER [data-mesh-id]{position:relative!important;left:auto!important;top:auto!important;
    width:auto!important;height:auto!important;min-height:0!important;margin:0 auto 6px!important;display:block}
  #SITE_HEADER [data-mesh-id]{display:block!important}
  #SITE_HEADER img{max-width:260px!important;height:auto!important}
  #SITE_HEADER p{text-align:center!important}
  #SITE_HEADER wix-dropdown-menu,#SITE_HEADER nav,#SITE_HEADER ul[role="menubar"]{width:100%!important;height:auto!important}
  #SITE_HEADER :not(.wixui-dropdown-menu__item)>ul{display:flex!important;flex-wrap:wrap;justify-content:center;gap:2px 12px;padding:0;margin:0}
  #SITE_HEADER li{width:auto!important;height:auto!important;position:relative!important}
  #SITE_HEADER li>a,#SITE_HEADER li>button{padding:8px 4px;display:inline-block}
  /* submenu opens inline under its item instead of floating off-screen */
  #SITE_HEADER .wixui-dropdown-menu__item>ul{position:static!important;box-shadow:none;white-space:normal;min-width:0}
  /* photo + text cards: one column, photo first, each using the full width */
  #PAGES_CONTAINER .wixui-column-strip,#PAGES_CONTAINER div:has(>.wixui-column-strip__column){flex-direction:column!important;align-items:stretch!important}
  #PAGES_CONTAINER .wixui-column-strip__column{width:100%!important;flex:0 0 auto!important}
  #PAGES_CONTAINER .wixui-column-strip__column:has(img,wow-image){order:-1}
  /* Wix overlapped text blocks with negative margins (email over phone); stack them with a small gap */
  #PAGES_CONTAINER [id^="comp-"].wixui-rich-text,#SITE_FOOTER [id^="comp-"].wixui-rich-text{margin-top:0!important;margin-bottom:10px!important}
  /* home page: the Industrial Hygiene photo sits after its text in the source; put it first like the other cards */
  #PAGES_CONTAINER [data-mesh-id="comp-jftrpgh09inlineContent-gridContainer"]{display:flex!important;flex-direction:column}
  #comp-jfu34mk3{order:2}
  #comp-jftrpgh13{order:3}
  /* footer: phone and copyright centered across the full width */
  #SITE_FOOTER,#SITE_FOOTER>div,#SITE_FOOTER>div>div{width:100%!important}
  #SITE_FOOTER [id^="comp-"].wixui-rich-text{width:100%!important;box-sizing:border-box;text-align:center}
  #SITE_FOOTER p{text-align:center!important}
}

/* desktop: the copyright line sits 6px right of centre in the Wix export */
@media (min-width:769px){
  #comp-jftrpghd2{left:190px!important}
}