/* =========================================================
   SHARED SITE FRAME
========================================================= */

:root{
  --site-frame-max: 1320px;
  --site-frame-pad: 18px;
}

.site-frame{
  width: 100%;
  max-width: var(--site-frame-max);
  margin-inline: auto;
  padding-inline: var(--site-frame-pad);
}

.site-frame-narrow{
  width: 100%;
  max-width: 980px;
  margin-inline: auto;
  padding-inline: var(--site-frame-pad);
}

.site-frame-wide{
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
  padding-inline: var(--site-frame-pad);
}

@media (max-width: 992px){
  :root{
    --site-frame-pad: 16px;
  }
}

@media (max-width: 576px){
  :root{
    --site-frame-pad: 14px;
  }
}