:root {
  /* div */
  --containerValue: 100%;
  --negativeMarginX: -0.75rem;
  --basePadding: 1.5rem;

  /* colors */
  --color_main: #2874a6; /*blu*/
  --color_secondary: #FFC300; /*orange*/

  --black: #000;
  --white: #FFFFFF;
  --grey: #999999;
  --gray_dark: #666;
  --grey_light: #EEEEEE;
--grey_fake: #EEEEEf;

  /* fonts */
  --serif: 'Times New Roman';
  --sans-serif: 'Roboto';
}

@media screen and (min-width: 1400px) {
  :root {
    --containerValue: calc(1320px - var(--basePadding));
    --negativeMarginX: calc((var(--viewportWidth) - var(--containerValue)) / -2);
  }
}