/*
	GRID-SYSTEM v. 1.0
	max-width: 1980px
	gutter: 16px
	container center: 10%
*/
		* {
			padding: 0;
			margin: 0;
			box-sizing: border-box;
		}

		.container{
			width: 100%;
			max-width: 1920px;
			padding-left: 10%; /* auto non funziona qui */
			padding-right: 10%;
		}

		.container > .row{
			margin: 0 -8px;
			display: flex;
		}

		.container > .row > .col-1{
			padding: 0 8px;
			flex-basis: calc(100% / 1);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-1-2-2{
			padding: 0 8px;
			flex-basis: calc(100% / 1.2);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-1-2{
			padding: 0 8px;
			flex-basis: calc(100% / 1.3);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-1-2-5{
			padding: 0 8px;
			flex-basis: calc(100% / 1.5);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-2{
			padding: 0 8px;
			flex-basis: calc(100% / 2);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-3{
			padding: 0 8px;
			flex-basis: calc(100% / 3);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-4{
			padding: 0 8px;
			flex-basis: calc(100% / 4);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-5{
			padding: 0 8px;
			flex-basis: calc(100% / 5);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-6{
			padding: 0 8px;
			flex-basis: calc(100% / 6);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-7{
			padding: 0 8px;
			flex-basis: calc(100% / 7);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-8{
			padding: 0 8px;
			flex-basis: calc(100% / 8);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-9{
			padding: 0 8px;
			flex-basis: calc(100% / 9);
			flex-grow: 0;
			flex-shrink: 0;
		}

		.container > .row > .col-10{
			padding: 0 8px;
			flex-basis: calc(100% / 10);
			flex-grow: 0;
			flex-shrink: 0;
		}