@font-face{font-family:"Archivo";src:url("../fonts/archivo.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{
  --bianco:#F5F6F8;
  --bianco-rgb:245,246,248;
  --carta:#E8EAEF;
  --sabbia:#DADCE3;
  --grafite:#0F2B6E;
  --grafite-2:#123382;
  --grafite-3:#1740A5;
  --grafite-fondo:#0B1F4F;
  --testo:#222428;
  --grigio:#5E6168;
  --grigio-chiaro:#A0A3A9;
  --accento:#2E5BD8;
  --accento-scuro:#2550C7;
  --accento-testo:#2E5BD8;
  --su-accento:#FFFFFF;
  --accento-alone:rgba(46,91,216,.18);
  --oro:#C9A04A;
  --linea:rgba(34,36,40,.14);
  --linea-chiara:rgba(var(--bianco-rgb),.16);
  --serif:"Archivo",Georgia,"Times New Roman",serif;
  --sans:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --tetto:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath fill='%232E5BD8' d='M0 10 8 0l8 10h-3.6L8 4.4 3.6 10z'/%3E%3C/svg%3E");
  --grana:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 .11 0 0 0 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
}

.header .logo{height:56px}
@media(max-width:1024px){.header .logo{height:38px}}