@media (max-width: 1680px) { html { font-size: 11pt; } }
@media (max-width: 1280px) { html { font-size: 11pt; } }
@media (max-width: 980px)  { html { font-size: 9pt; } }

@media (max-width: 736px) {
  html { font-size: 9pt; }
  #text04 { letter-spacing: 0rem; width: 100%; font-size: 1.375em; line-height: 1.5; }

  #main>.inner { --padding-horizontal: 0rem; --padding-vertical: 0rem; --spacing: 0.75rem; }
  #main>.inner>*>.full { margin-left: 0; max-width: calc(100% + 0rem + 0.4725px); width: calc(100% + 0rem + 0.4725px); }
  #main>.inner>footer>.full:last-child { margin-bottom: 0rem !important; }
  #main>.inner>.active>.full:first-child { margin-top: 0rem !important; }
  #image01 .frame { width: 8.625rem; }
  #image02 .frame,#image07 .frame,#image08 .frame,#image09 .frame,#image04 .frame { width: 4.75rem; }
  #text02,h1.style1,h2.style1,h3.style1,p.style1,#text10,#text17,#text20 { letter-spacing: 0rem; width: 100%; font-size: 0.75em; line-height: 1.625; }
  #text15,#text18,#text21 { letter-spacing: 0rem; width: 100%; font-size: 1.5em; line-height: 1; }
  #text16,#text22,h1.style2,h2.style2,h3.style2,p.style2,#text05,#text25 { letter-spacing: 0rem; width: 100%; font-size: 0.875em; line-height: 1.375; }
  #text24,#text11 { letter-spacing: 0rem; width: 100%; font-size: 0.75em; line-height: 1.375; }
  #buttons04 li a { letter-spacing: 0rem; font-size: 1em; }
  .buttons.style1 li a,.buttons.style2 li a { letter-spacing: 0rem; font-size: 0.875em; }
  #buttons01:not(:first-child) { margin-top: 0.9375rem !important; }
  #buttons01:not(:last-child) { margin-bottom: 0.9375rem !important; }
  #buttons01 li a { letter-spacing: 0rem; font-size: 0.75em; }
  #buttons01 li a svg { width: 1.75em; }
  #buttons06 li a,#buttons07 li a,#buttons08 li a { letter-spacing: 0rem; font-size: 0.75em; }
  #buttons06 li a svg,#buttons07 li a svg,#buttons08 li a svg { width: 1em; }
  #divider01:before,#divider03:before { width: 36rem; }
  #footer { margin-top: 0.5625rem !important; }
  #table01 { letter-spacing: 0rem; font-size: 0.75em; line-height: 1.375; }
  #table01 th,#table01 td { padding: 0.5rem 0.6875rem; }

  #container07:not(:first-child) { margin-top: 0rem !important; }
  #container07:not(:last-child) { margin-bottom: 0rem !important; }
  #container07>.wrapper>.inner { --gutters: 2rem; --padding-horizontal: 0rem; --padding-vertical: 3.5rem; }

  #container08:not(:first-child) { margin-top: 0rem !important; }
  #container08:not(:last-child) { margin-bottom: 0rem !important; }
  #container08>.wrapper>.inner { --gutters: 1.25rem; --padding-horizontal: 2rem; --padding-vertical: 1.5rem; }
  #container08.columns>.wrapper>.inner { flex-direction: column !important; flex-wrap: nowrap !important; }
  #container08.columns>.wrapper>.inner>span { height: 0; margin-top: calc(var(--gutters) * -1); pointer-events: none; visibility: hidden; }
  #container08.columns>.wrapper>.inner>*:first-child { margin-left: 0 !important; padding-top: 0 !important; }
  #container08.columns>.wrapper>.inner>* { padding: calc(var(--gutters) * 0.5) 0 !important; }
  #container08.columns>.wrapper>.inner>*:last-child { padding-bottom: 0 !important; }
  #container08>.wrapper>.inner>:nth-child(1),#container08>.wrapper>.inner>:nth-child(2),#container08>.wrapper>.inner>:nth-child(3) { min-height: 100% !important; width: 100% !important; }

  #container02:not(:first-child) { margin-top: 0rem !important; }
  #container02:not(:last-child) { margin-bottom: 0rem !important; }
  #container14:not(:first-child) { margin-top: 0rem !important; }
  #container14:not(:last-child) { margin-bottom: 0rem !important; }
  #container14>.wrapper>.inner { --gutters: 0rem; --padding-horizontal: 1.875rem; --padding-vertical: 0.875rem; }
  #container03:not(:first-child) { margin-top: 0rem !important; }
  #container03:not(:last-child) { margin-bottom: 0rem !important; }
  #container03>.wrapper>.inner { --gutters: 2rem; --padding-horizontal: 2rem; --padding-vertical: 0.625rem; }
  #container06:not(:first-child) { margin-top: 0rem !important; }
  #container06:not(:last-child) { margin-bottom: 0rem !important; }
  #container06>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.5rem; --padding-vertical: 0.25rem; }
  #container15:not(:first-child) { margin-top: 0rem !important; }
  #container15:not(:last-child) { margin-bottom: 0rem !important; }
  #container15>.wrapper>.inner { --gutters: 2rem; --padding-horizontal: 2rem; --padding-vertical: 1rem; }
  #container15.columns>.wrapper>.inner { flex-direction: column !important; flex-wrap: nowrap !important; }
  #container09:not(:first-child) { margin-top: 0rem !important; }
  #container09:not(:last-child) { margin-bottom: 0rem !important; }
  #container09>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.5rem; --padding-vertical: 1.875rem; }
  #container10:not(:first-child) { margin-top: 0rem !important; }
  #container10:not(:last-child) { margin-bottom: 0rem !important; }
  #container10>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.5rem; --padding-vertical: 1.875rem; }
  #container05:not(:first-child) { margin-top: 0rem !important; }
  #container05:not(:last-child) { margin-bottom: 0rem !important; }
  #container05>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.5rem; --padding-vertical: 1.875rem; }
  #container04:not(:first-child) { margin-top: 0rem !important; }
  #container04:not(:last-child) { margin-bottom: 0rem !important; }
  #container04>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.5rem; --padding-vertical: 1.875rem; }
  #container01:not(:first-child) { margin-top: 0rem !important; }
  #container01:not(:last-child) { margin-bottom: 0rem !important; }
  #container01>.wrapper>.inner { --gutters: 2rem; --padding-horizontal: 2rem; --padding-vertical: 2.125rem; }
  #container01.columns>.wrapper>.inner { flex-direction: column !important; flex-wrap: nowrap !important; }
}

@media (max-width: 480px) {
  #main>.inner { --spacing: 0.65625rem; }
  #buttons04 li a { width: 30rem; }
  .buttons.style1,.buttons.style2 { flex-direction: column; flex-wrap: nowrap; }
  .buttons.style1 li a,.buttons.style2 li a { max-width: 32rem; width: 100%; }
  #buttons01 li a { width: 10.75rem; }
  #buttons06,#buttons07,#buttons08 { flex-direction: column; flex-wrap: nowrap; }
  #buttons06 li a,#buttons07 li a,#buttons08 li a { max-width: 32rem; width: 100%; }
}

@media (max-width: 360px) {
  #main>.inner { --padding-horizontal: 0rem; --padding-vertical: 0rem; --spacing: 0.5625rem; }
  #main>.inner>*>.full { margin-left: calc(-0rem); max-width: calc(100% + 0rem + 0.4725px); width: calc(100% + 0rem + 0.4725px); }
  #main>.inner>*>.full.screen { margin-left: -50vw; }
  #main>.inner>footer>.full:last-child { margin-bottom: -0rem !important; }
  #main>.inner>.active>.full:first-child { margin-top: -0rem !important; }
  #text04 { font-size: 1.375em; }
  #buttons04 { gap: 0.5625rem; }
  .buttons.style1,.buttons.style2 { gap: 1.5rem; }
  #buttons01 { gap: 0.46875rem; }
  #buttons06,#buttons07,#buttons08 { gap: 1.5rem; }
  #container07>.wrapper>.inner { --gutters: 1.5rem; --padding-horizontal: 0rem; --padding-vertical: 2.625rem; }
  #container08>.wrapper>.inner { --gutters: 0.9375rem; --padding-horizontal: 1.5rem; --padding-vertical: 1.125rem; }
  #container14>.wrapper>.inner { --gutters: 0rem; --padding-horizontal: 1.40625rem; --padding-vertical: 0.65625rem; }
  #container03>.wrapper>.inner { --gutters: 1.5rem; --padding-horizontal: 1.5rem; --padding-vertical: 0.46875rem; }
  #container06>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.125rem; --padding-vertical: 0.1875rem; }
  #container15>.wrapper>.inner { --gutters: 1.5rem; --padding-horizontal: 1.5rem; --padding-vertical: 0.75rem; }
  #container09>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.125rem; --padding-vertical: 1.40625rem; }
  #container10>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.125rem; --padding-vertical: 1.40625rem; }
  #container05>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.125rem; --padding-vertical: 1.40625rem; }
  #container04>.wrapper>.inner { --gutters: 0.875rem; --padding-horizontal: 1.125rem; --padding-vertical: 1.40625rem; }
  #container01>.wrapper>.inner { --gutters: 1.5rem; --padding-horizontal: 1.5rem; --padding-vertical: 1.59375rem; }
  #table01 { font-size: 0.75em; }
}

@media (min-width: 737px) {
  #container08.columns>.wrapper>.inner { display: flex; align-items: center; flex-direction: row !important; }
  .header-pfp-col { min-width: 120px; }
  .header-name-col { flex: 1; }
  .header-btn-col { min-width: 180px; }
}