/* CSS Document */
:root {
  --contWidth: 90%;
  --contMaxWidth: 90rem;
  --fontSize: 1;
  --lineHeight: 1.7;
  --vpad: 4.25rem;
  --inputH: 3.4rem;
  --titleSize: 3em;
  --headerHeight: 155; }
  @media screen and (max-width: 68.75em) {
    :root {
      --vpad: 2.55rem; } }
  @media screen and (max-width: 48em) {
    :root {
      --titleSize: 2.5em;
      --vpad: 1.7rem; } }
  @media screen and (max-width: 36em) {
    :root {
      --titleSize: 2em;
      --lineHeight: 1.5;
      --vpad: 1rem; } }

@media screen and (max-width: 50em) {
  :root {
    --headerHeight: 148; } }

@media screen and (max-width: 43.75em) {
  .banner__title {
    font-size: 2em; }
  .banner__abstract {
    font-size: 1em; }
  .footer__credits {
    margin-top: calc(var(--vpad) / 2); } }

@media screen and (max-width: 36em) {
  :root {
    --headerHeight: 105px; }
  .allinea-destra, .allinea-sinistra {
    float: none;
    max-width: 100%;
    margin: 0 auto 1em;
    display: block; }
    .allinea-destra[style*="float"], .allinea-sinistra[style*="float"] {
      float: none !important; }
  .menu__switcher__label {
    display: none; }
  .menu__placeholder {
    width: 2em; }
  .menu__main {
    font-size: 1.5em; }
  .menu__footer {
    font-size: 1.1em; } }

