:root{
	 --px1:calc( 1vw / 19.2);
	 --px2:calc( 2vw / 19.2);
	 --px3:calc( 3vw / 19.2);
	 --px4:calc( 4vw / 19.2);
	 --px5:calc( 5vw / 19.2);
	 --px6:calc( 6vw / 19.2);
	 --px7:calc( 7vw / 19.2);
	 --px8:calc( 8vw / 19.2);
	 --px9:calc( 9vw / 19.2);
	--px10:calc(10vw / 19.2);
	--px11:calc(11vw / 19.2);
	--px12:calc(12vw / 19.2);
	--px13:calc(13vw / 19.2);
	--px14:calc(14vw / 19.2);
	--px15:calc(15vw / 19.2);
	--px16:calc(16vw / 19.2);
	--px17:calc(17vw / 19.2);
	--px18:calc(18vw / 19.2);
	--px19:calc(19vw / 19.2);
	--px20:calc(20vw / 19.2);
	--px21:calc(21vw / 19.2);
	--px22:calc(22vw / 19.2);
	--px23:calc(23vw / 19.2);
	--px24:calc(24vw / 19.2);
	--px25:calc(25vw / 19.2);
	--px26:calc(26vw / 19.2);
	--px27:calc(27vw / 19.2);
	--px28:calc(28vw / 19.2);
	--px29:calc(29vw / 19.2);
	--px30:calc(30vw / 19.2);
	--px31:calc(31vw / 19.2);
	--px32:calc(32vw / 19.2);
	--px33:calc(33vw / 19.2);
	--px34:calc(34vw / 19.2);
	--px35:calc(35vw / 19.2);
	--px36:calc(36vw / 19.2);
	--px37:calc(37vw / 19.2);
	--px38:calc(38vw / 19.2);
	--px39:calc(39vw / 19.2);
	--px40:calc(40vw / 19.2);
	--px41:calc(41vw / 19.2);
	--px42:calc(42vw / 19.2);
	--px43:calc(43vw / 19.2);
	--px44:calc(44vw / 19.2);
	--px45:calc(45vw / 19.2);
	--px46:calc(46vw / 19.2);
	--px47:calc(47vw / 19.2);
	--px48:calc(48vw / 19.2);
	--px49:calc(49vw / 19.2);
	--px50:calc(50vw / 19.2);
	--px51:calc(51vw / 19.2);
	--px52:calc(52vw / 19.2);
	--px53:calc(53vw / 19.2);
	--px54:calc(54vw / 19.2);
	--px55:calc(55vw / 19.2);
	--px56:calc(56vw / 19.2);
	--px57:calc(57vw / 19.2);
	--px58:calc(58vw / 19.2);
	--px59:calc(59vw / 19.2);
	--px60:calc(60vw / 19.2);
	--px61:calc(61vw / 19.2);
	--px62:calc(62vw / 19.2);
	--px63:calc(63vw / 19.2);
	--px64:calc(64vw / 19.2);
	--px65:calc(65vw / 19.2);
	--px66:calc(66vw / 19.2);
	--px67:calc(67vw / 19.2);
	--px68:calc(68vw / 19.2);
	--px69:calc(69vw / 19.2);
	--px70:calc(70vw / 19.2);
	--px71:calc(71vw / 19.2);
	--px72:calc(72vw / 19.2);
	--px73:calc(73vw / 19.2);
	--px74:calc(74vw / 19.2);
	--px75:calc(75vw / 19.2);
	--px76:calc(76vw / 19.2);
	--px77:calc(77vw / 19.2);
	--px78:calc(78vw / 19.2);
	--px79:calc(79vw / 19.2);
	--px80:calc(80vw / 19.2);
	--px81:calc(81vw / 19.2);
	--px82:calc(82vw / 19.2);
	--px83:calc(83vw / 19.2);
	--px84:calc(84vw / 19.2);
	--px85:calc(85vw / 19.2);
	--px86:calc(86vw / 19.2);
	--px87:calc(87vw / 19.2);
	--px88:calc(88vw / 19.2);
	--px89:calc(89vw / 19.2);
	--px90:calc(90vw / 19.2);
	--px91:calc(91vw / 19.2);
	--px92:calc(92vw / 19.2);
	--px93:calc(93vw / 19.2);
	--px94:calc(94vw / 19.2);
	--px95:calc(95vw / 19.2);
	--px96:calc(96vw / 19.2);
	--px97:calc(97vw / 19.2);
	--px98:calc(98vw / 19.2);
	--px99:calc(99vw / 19.2);
  --px100:calc(100vw / 19.2);
  	--mg10:calc(10vw / 19.2);
  	--mg15:calc(15vw / 19.2);
  	--mg20:calc(20vw / 19.2);
  	--mg25:calc(25vw / 19.2);
  	--mg30:calc(30vw / 19.2);
  	--mg35:calc(35vw / 19.2);
  	--mg40:calc(40vw / 19.2);
  	--mg45:calc(45vw / 19.2);
	--mg50:calc(50vw / 19.2);
	--mg55:calc(55vw / 19.2);
	--mg60:calc(60vw / 19.2);
	--mg65:calc(65vw / 19.2);
	--mg70:calc(70vw / 19.2);
	--mg75:calc(75vw / 19.2);
	--mg80:calc(80vw / 19.2);
	--mg85:calc(85vw / 19.2);
	--mg90:calc(90vw / 19.2);
	--mg95:calc(95vw / 19.2);
  --mg100:calc(100vw / 19.2);
}
@media only screen and (max-width:1440px ) {
	:root{
		 --px1:calc( 1vw / 14.4);
		 --px2:calc( 2vw / 14.4);
		 --px3:calc( 3vw / 14.4);
		 --px4:calc( 4vw / 14.4);
		 --px5:calc( 5vw / 14.4);
		 --px6:calc( 6vw / 14.4);
		 --px7:calc( 7vw / 14.4);
		 --px8:calc( 8vw / 14.4);
		 --px9:calc( 9vw / 14.4);
		--px10:calc(10vw / 14.4);
		--px11:calc(11vw / 14.4);
		--px12:calc(12vw / 14.4);
		--px13:calc(13vw / 14.4);
		--px14:calc(14vw / 14.4);
		--px15:calc(15vw / 14.4);
		--px16:calc(16vw / 14.4);
		--px17:calc(17vw / 14.4);
		--px18:calc(18vw / 14.4);
		--px19:calc(19vw / 14.4);
		--px20:calc(20vw / 14.4);
		--px21:calc(21vw / 14.4);
		--px22:calc(22vw / 14.4);
		--px23:calc(23vw / 14.4);
		--px24:calc(24vw / 14.4);
		--px25:calc(25vw / 14.4);
		--px26:calc(26vw / 14.4);
		--px27:calc(27vw / 14.4);
		--px28:calc(28vw / 14.4);
		--px29:calc(29vw / 14.4);
		--px30:calc(30vw / 14.4);
		--px31:calc(31vw / 14.4);
		--px32:calc(32vw / 14.4);
		--px33:calc(33vw / 14.4);
		--px34:calc(34vw / 14.4);
		--px35:calc(35vw / 14.4);
		--px36:calc(36vw / 14.4);
		--px37:calc(37vw / 14.4);
		--px38:calc(38vw / 14.4);
		--px39:calc(39vw / 14.4);
		--px40:calc(40vw / 14.4);
		--px41:calc(41vw / 14.4);
		--px42:calc(42vw / 14.4);
		--px43:calc(43vw / 14.4);
		--px44:calc(44vw / 14.4);
		--px45:calc(45vw / 14.4);
		--px46:calc(46vw / 14.4);
		--px47:calc(47vw / 14.4);
		--px48:calc(48vw / 14.4);
		--px49:calc(49vw / 14.4);
		--px50:calc(50vw / 14.4);
		--px51:calc(51vw / 14.4);
		--px52:calc(52vw / 14.4);
		--px53:calc(53vw / 14.4);
		--px54:calc(54vw / 14.4);
		--px55:calc(55vw / 14.4);
		--px56:calc(56vw / 14.4);
		--px57:calc(57vw / 14.4);
		--px58:calc(58vw / 14.4);
		--px59:calc(59vw / 14.4);
		--px60:calc(60vw / 14.4);
		--px61:calc(61vw / 14.4);
		--px62:calc(62vw / 14.4);
		--px63:calc(63vw / 14.4);
		--px64:calc(64vw / 14.4);
		--px65:calc(65vw / 14.4);
		--px66:calc(66vw / 14.4);
		--px67:calc(67vw / 14.4);
		--px68:calc(68vw / 14.4);
		--px69:calc(69vw / 14.4);
		--px70:calc(70vw / 14.4);
		--px71:calc(71vw / 14.4);
		--px72:calc(72vw / 14.4);
		--px73:calc(73vw / 14.4);
		--px74:calc(74vw / 14.4);
		--px75:calc(75vw / 14.4);
		--px76:calc(76vw / 14.4);
		--px77:calc(77vw / 14.4);
		--px78:calc(78vw / 14.4);
		--px79:calc(79vw / 14.4);
		--px80:calc(80vw / 14.4);
		--px81:calc(81vw / 14.4);
		--px82:calc(82vw / 14.4);
		--px83:calc(83vw / 14.4);
		--px84:calc(84vw / 14.4);
		--px85:calc(85vw / 14.4);
		--px86:calc(86vw / 14.4);
		--px87:calc(87vw / 14.4);
		--px88:calc(88vw / 14.4);
		--px89:calc(89vw / 14.4);
		--px90:calc(90vw / 14.4);
		--px91:calc(91vw / 14.4);
		--px92:calc(92vw / 14.4);
		--px93:calc(93vw / 14.4);
		--px94:calc(94vw / 14.4);
		--px95:calc(95vw / 14.4);
		--px96:calc(96vw / 14.4);
		--px97:calc(97vw / 14.4);
		--px98:calc(98vw / 14.4);
		--px99:calc(99vw / 14.4);
	  --px100:calc(100vw / 14.4);
	  	--mg10:calc(10vw / 14);
	  	--mg15:calc(15vw / 14.1);
	  	--mg20:calc(20vw / 14.2);
	  	--mg25:calc(25vw / 14.3);
	  	--mg30:calc(30vw / 14.4);
	  	--mg35:calc(35vw / 14.5);
	  	--mg40:calc(40vw / 14.6);
	  	--mg45:calc(45vw / 14.7);
	  	--mg50:calc(50vw / 14.8);
		--mg55:calc(55vw / 14.9);
		--mg60:calc(60vw / 15);
		--mg65:calc(65vw / 15.1);
		--mg70:calc(70vw / 15.2);
		--mg75:calc(75vw / 15.3);
		--mg80:calc(80vw / 15.4);
		--mg85:calc(85vw / 15.5);
		--mg90:calc(90vw / 15.6);
		--mg95:calc(95vw / 15.7);
	  --mg100:calc(100vw / 15.8);
	}
}
@media only screen and (max-width:1280px ) {
	:root{
		 --px1:calc( 1vw / 12.8);
		 --px2:calc( 2vw / 12.8);
		 --px3:calc( 3vw / 12.8);
		 --px4:calc( 4vw / 12.8);
		 --px5:calc( 5vw / 12.8);
		 --px6:calc( 6vw / 12.8);
		 --px7:calc( 7vw / 12.8);
		 --px8:calc( 8vw / 12.8);
		 --px9:calc( 9vw / 12.8);
		--px10:calc(10vw / 12.8);
		--px11:calc(11vw / 12.8);
		--px12:calc(12vw / 12.8);
		--px13:calc(13vw / 12.8);
		--px14:calc(14vw / 12.8);
		--px15:calc(15vw / 12.8);
		--px16:calc(16vw / 12.8);
		--px17:calc(17vw / 12.8);
		--px18:calc(18vw / 12.8);
		--px19:calc(19vw / 12.8);
		--px20:calc(20vw / 12.8);
		--px21:calc(21vw / 12.8);
		--px22:calc(22vw / 12.8);
		--px23:calc(23vw / 12.8);
		--px24:calc(24vw / 12.8);
		--px25:calc(25vw / 12.8);
		--px26:calc(26vw / 12.8);
		--px27:calc(27vw / 12.8);
		--px28:calc(28vw / 12.8);
		--px29:calc(29vw / 12.8);
		--px30:calc(30vw / 12.8);
		--px31:calc(31vw / 12.8);
		--px32:calc(32vw / 12.8);
		--px33:calc(33vw / 12.8);
		--px34:calc(34vw / 12.8);
		--px35:calc(35vw / 12.8);
		--px36:calc(36vw / 12.8);
		--px37:calc(37vw / 12.8);
		--px38:calc(38vw / 12.8);
		--px39:calc(39vw / 12.8);
		--px40:calc(40vw / 12.8);
		--px41:calc(41vw / 12.8);
		--px42:calc(42vw / 12.8);
		--px43:calc(43vw / 12.8);
		--px44:calc(44vw / 12.8);
		--px45:calc(45vw / 12.8);
		--px46:calc(46vw / 12.8);
		--px47:calc(47vw / 12.8);
		--px48:calc(48vw / 12.8);
		--px49:calc(49vw / 12.8);
		--px50:calc(50vw / 12.8);
		--px51:calc(51vw / 12.8);
		--px52:calc(52vw / 12.8);
		--px53:calc(53vw / 12.8);
		--px54:calc(54vw / 12.8);
		--px55:calc(55vw / 12.8);
		--px56:calc(56vw / 12.8);
		--px57:calc(57vw / 12.8);
		--px58:calc(58vw / 12.8);
		--px59:calc(59vw / 12.8);
		--px60:calc(60vw / 12.8);
		--px61:calc(61vw / 12.8);
		--px62:calc(62vw / 12.8);
		--px63:calc(63vw / 12.8);
		--px64:calc(64vw / 12.8);
		--px65:calc(65vw / 12.8);
		--px66:calc(66vw / 12.8);
		--px67:calc(67vw / 12.8);
		--px68:calc(68vw / 12.8);
		--px69:calc(69vw / 12.8);
		--px70:calc(70vw / 12.8);
		--px71:calc(71vw / 12.8);
		--px72:calc(72vw / 12.8);
		--px73:calc(73vw / 12.8);
		--px74:calc(74vw / 12.8);
		--px75:calc(75vw / 12.8);
		--px76:calc(76vw / 12.8);
		--px77:calc(77vw / 12.8);
		--px78:calc(78vw / 12.8);
		--px79:calc(79vw / 12.8);
		--px80:calc(80vw / 12.8);
		--px81:calc(81vw / 12.8);
		--px82:calc(82vw / 12.8);
		--px83:calc(83vw / 12.8);
		--px84:calc(84vw / 12.8);
		--px85:calc(85vw / 12.8);
		--px86:calc(86vw / 12.8);
		--px87:calc(87vw / 12.8);
		--px88:calc(88vw / 12.8);
		--px89:calc(89vw / 12.8);
		--px90:calc(90vw / 12.8);
		--px91:calc(91vw / 12.8);
		--px92:calc(92vw / 12.8);
		--px93:calc(93vw / 12.8);
		--px94:calc(94vw / 12.8);
		--px95:calc(95vw / 12.8);
		--px96:calc(96vw / 12.8);
		--px97:calc(97vw / 12.8);
		--px98:calc(98vw / 12.8);
		--px99:calc(99vw / 12.8);
	  --px100:calc(100vw / 12.8);
		--mg10:calc(10vw / 12);
	  	--mg15:calc(15vw / 12.2);
	  	--mg20:calc(20vw / 12.4);
	  	--mg25:calc(25vw / 12.6);
	  	--mg30:calc(30vw / 12.8);
	  	--mg35:calc(35vw / 13);
	  	--mg40:calc(40vw / 13.2);
	  	--mg45:calc(45vw / 13.4);
	  	--mg50:calc(50vw / 13.6);
		--mg55:calc(55vw / 13.8);
		--mg60:calc(60vw / 14);
		--mg65:calc(65vw / 14.2);
		--mg70:calc(70vw / 14.4);
		--mg75:calc(75vw / 14.6);
		--mg80:calc(80vw / 14.8);
		--mg85:calc(85vw / 15);
		--mg90:calc(90vw / 15.2);
		--mg95:calc(95vw / 15.4);
	  --mg100:calc(100vw / 15.6);
	}
}
@media only screen and (max-width:980px ) {
	:root{
		 --px1:calc( 1vw / 9.8);
		 --px2:calc( 2vw / 9.8);
		 --px3:calc( 3vw / 9.8);
		 --px4:calc( 4vw / 9.8);
		 --px5:calc( 5vw / 9.8);
		 --px6:calc( 6vw / 9.8);
		 --px7:calc( 7vw / 9.8);
		 --px8:calc( 8vw / 9.8);
		 --px9:calc( 9vw / 9.8);
		--px10:calc(10vw / 9.8);
		--px11:calc(11vw / 9.8);
		--px12:calc(12vw / 9.8);
		--px13:calc(13vw / 9.8);
		--px14:calc(14vw / 9.8);
		--px15:calc(15vw / 9.8);
		--px16:calc(16vw / 9.8);
		--px17:calc(17vw / 9.8);
		--px18:calc(18vw / 9.8);
		--px19:calc(19vw / 9.8);
		--px20:calc(20vw / 9.8);
		--px21:calc(21vw / 9.8);
		--px22:calc(22vw / 9.8);
		--px23:calc(23vw / 9.8);
		--px24:calc(24vw / 9.8);
		--px25:calc(25vw / 9.8);
		--px26:calc(26vw / 9.8);
		--px27:calc(27vw / 9.8);
		--px28:calc(28vw / 9.8);
		--px29:calc(29vw / 9.8);
		--px30:calc(30vw / 9.8);
		--px31:calc(31vw / 9.8);
		--px32:calc(32vw / 9.8);
		--px33:calc(33vw / 9.8);
		--px34:calc(34vw / 9.8);
		--px35:calc(35vw / 9.8);
		--px36:calc(36vw / 9.8);
		--px37:calc(37vw / 9.8);
		--px38:calc(38vw / 9.8);
		--px39:calc(39vw / 9.8);
		--px40:calc(40vw / 9.8);
		--px41:calc(41vw / 9.8);
		--px42:calc(42vw / 9.8);
		--px43:calc(43vw / 9.8);
		--px44:calc(44vw / 9.8);
		--px45:calc(45vw / 9.8);
		--px46:calc(46vw / 9.8);
		--px47:calc(47vw / 9.8);
		--px48:calc(48vw / 9.8);
		--px49:calc(49vw / 9.8);
		--px50:calc(50vw / 9.8);
		--px51:calc(51vw / 9.8);
		--px52:calc(52vw / 9.8);
		--px53:calc(53vw / 9.8);
		--px54:calc(54vw / 9.8);
		--px55:calc(55vw / 9.8);
		--px56:calc(56vw / 9.8);
		--px57:calc(57vw / 9.8);
		--px58:calc(58vw / 9.8);
		--px59:calc(59vw / 9.8);
		--px60:calc(60vw / 9.8);
		--px61:calc(61vw / 9.8);
		--px62:calc(62vw / 9.8);
		--px63:calc(63vw / 9.8);
		--px64:calc(64vw / 9.8);
		--px65:calc(65vw / 9.8);
		--px66:calc(66vw / 9.8);
		--px67:calc(67vw / 9.8);
		--px68:calc(68vw / 9.8);
		--px69:calc(69vw / 9.8);
		--px70:calc(70vw / 9.8);
		--px71:calc(71vw / 9.8);
		--px72:calc(72vw / 9.8);
		--px73:calc(73vw / 9.8);
		--px74:calc(74vw / 9.8);
		--px75:calc(75vw / 9.8);
		--px76:calc(76vw / 9.8);
		--px77:calc(77vw / 9.8);
		--px78:calc(78vw / 9.8);
		--px79:calc(79vw / 9.8);
		--px80:calc(80vw / 9.8);
		--px81:calc(81vw / 9.8);
		--px82:calc(82vw / 9.8);
		--px83:calc(83vw / 9.8);
		--px84:calc(84vw / 9.8);
		--px85:calc(85vw / 9.8);
		--px86:calc(86vw / 9.8);
		--px87:calc(87vw / 9.8);
		--px88:calc(88vw / 9.8);
		--px89:calc(89vw / 9.8);
		--px90:calc(90vw / 9.8);
		--px91:calc(91vw / 9.8);
		--px92:calc(92vw / 9.8);
		--px93:calc(93vw / 9.8);
		--px94:calc(94vw / 9.8);
		--px95:calc(95vw / 9.8);
		--px96:calc(96vw / 9.8);
		--px97:calc(97vw / 9.8);
		--px98:calc(98vw / 9.8);
		--px99:calc(99vw / 9.8);
	  --px100:calc(100vw / 9.8);
		--mg10:calc(10vw / 8.2);
	  	--mg15:calc(15vw / 8.6);
	  	--mg20:calc(20vw / 9);
	  	--mg25:calc(25vw / 9.4);
	  	--mg30:calc(30vw / 9.8);
	  	--mg35:calc(35vw / 10.2);
	  	--mg40:calc(40vw / 10.6);
	  	--mg45:calc(45vw / 11);
	  	--mg50:calc(50vw / 11.4);
		--mg55:calc(55vw / 11.8);
		--mg60:calc(60vw / 12.2);
		--mg65:calc(65vw / 12.6);
		--mg70:calc(70vw / 13);
		--mg75:calc(75vw / 13.2);
		--mg80:calc(80vw / 13.6);
		--mg85:calc(85vw / 14);
		--mg90:calc(90vw / 14.4);
		--mg95:calc(95vw / 14.8);
	  --mg100:calc(100vw / 15.2);
	}
}
@media only screen and (max-width:640px ) {
	:root{
		 --px1:calc( 1vw / 6.4);
		 --px2:calc( 2vw / 6.4);
		 --px3:calc( 3vw / 6.4);
		 --px4:calc( 4vw / 6.4);
		 --px5:calc( 5vw / 6.4);
		 --px6:calc( 6vw / 6.4);
		 --px7:calc( 7vw / 6.4);
		 --px8:calc( 8vw / 6.4);
		 --px9:calc( 9vw / 6.4);
		--px10:calc(10vw / 6.4);
		--px11:calc(11vw / 6.4);
		--px12:calc(12vw / 6.4);
		--px13:calc(13vw / 6.4);
		--px14:calc(14vw / 6.4);
		--px15:calc(15vw / 6.4);
		--px16:calc(16vw / 6.4);
		--px17:calc(17vw / 6.4);
		--px18:calc(18vw / 6.4);
		--px19:calc(19vw / 6.4);
		--px20:calc(20vw / 6.4);
		--px21:calc(21vw / 6.4);
		--px22:calc(22vw / 6.4);
		--px23:calc(23vw / 6.4);
		--px24:calc(24vw / 6.4);
		--px25:calc(25vw / 6.4);
		--px26:calc(26vw / 6.4);
		--px27:calc(27vw / 6.4);
		--px28:calc(28vw / 6.4);
		--px29:calc(29vw / 6.4);
		--px30:calc(30vw / 6.4);
		--px31:calc(31vw / 6.4);
		--px32:calc(32vw / 6.4);
		--px33:calc(33vw / 6.4);
		--px34:calc(34vw / 6.4);
		--px35:calc(35vw / 6.4);
		--px36:calc(36vw / 6.4);
		--px37:calc(37vw / 6.4);
		--px38:calc(38vw / 6.4);
		--px39:calc(39vw / 6.4);
		--px40:calc(40vw / 6.4);
		--px41:calc(41vw / 6.4);
		--px42:calc(42vw / 6.4);
		--px43:calc(43vw / 6.4);
		--px44:calc(44vw / 6.4);
		--px45:calc(45vw / 6.4);
		--px46:calc(46vw / 6.4);
		--px47:calc(47vw / 6.4);
		--px48:calc(48vw / 6.4);
		--px49:calc(49vw / 6.4);
		--px50:calc(50vw / 6.4);
		--px51:calc(51vw / 6.4);
		--px52:calc(52vw / 6.4);
		--px53:calc(53vw / 6.4);
		--px54:calc(54vw / 6.4);
		--px55:calc(55vw / 6.4);
		--px56:calc(56vw / 6.4);
		--px57:calc(57vw / 6.4);
		--px58:calc(58vw / 6.4);
		--px59:calc(59vw / 6.4);
		--px60:calc(60vw / 6.4);
		--px61:calc(61vw / 6.4);
		--px62:calc(62vw / 6.4);
		--px63:calc(63vw / 6.4);
		--px64:calc(64vw / 6.4);
		--px65:calc(65vw / 6.4);
		--px66:calc(66vw / 6.4);
		--px67:calc(67vw / 6.4);
		--px68:calc(68vw / 6.4);
		--px69:calc(69vw / 6.4);
		--px70:calc(70vw / 6.4);
		--px71:calc(71vw / 6.4);
		--px72:calc(72vw / 6.4);
		--px73:calc(73vw / 6.4);
		--px74:calc(74vw / 6.4);
		--px75:calc(75vw / 6.4);
		--px76:calc(76vw / 6.4);
		--px77:calc(77vw / 6.4);
		--px78:calc(78vw / 6.4);
		--px79:calc(79vw / 6.4);
		--px80:calc(80vw / 6.4);
		--px81:calc(81vw / 6.4);
		--px82:calc(82vw / 6.4);
		--px83:calc(83vw / 6.4);
		--px84:calc(84vw / 6.4);
		--px85:calc(85vw / 6.4);
		--px86:calc(86vw / 6.4);
		--px87:calc(87vw / 6.4);
		--px88:calc(88vw / 6.4);
		--px89:calc(89vw / 6.4);
		--px90:calc(90vw / 6.4);
		--px91:calc(91vw / 6.4);
		--px92:calc(92vw / 6.4);
		--px93:calc(93vw / 6.4);
		--px94:calc(94vw / 6.4);
		--px95:calc(95vw / 6.4);
		--px96:calc(96vw / 6.4);
		--px97:calc(97vw / 6.4);
		--px98:calc(98vw / 6.4);
		--px99:calc(99vw / 6.4);
	  --px100:calc(100vw / 6.4);
		--mg10:calc(10vw / 4.2);
	  	--mg15:calc(15vw / 4.8);
	  	--mg20:calc(20vw / 5.2);
	  	--mg25:calc(25vw / 5.8);
	  	--mg30:calc(30vw / 6.4);
	  	--mg35:calc(35vw / 7);
	  	--mg40:calc(40vw / 7.6);
	  	--mg45:calc(45vw / 8.2);
	  	--mg50:calc(50vw / 8.8);
		--mg55:calc(55vw / 9.4);
		--mg60:calc(60vw / 10);
		--mg65:calc(65vw / 10.6);
		--mg70:calc(70vw / 11.2);
		--mg75:calc(75vw / 11.8);
		--mg80:calc(80vw / 12.4);
		--mg85:calc(85vw / 13);
		--mg90:calc(90vw / 13.6);
		--mg95:calc(95vw / 14.2);
	  --mg100:calc(100vw / 14.8);
	}
}

.web-grid{--jianju:3%;font-size: 0;width: 100%;}
.web-grid .lump{display: inline-block;vertical-align: top;margin-right:var(--jianju);margin-top:var(--jianju);font-size:var(--px16);}

.web-grid[size="2"] .lump{width:calc(50% - calc( calc(var(--jianju) / 2) * 1) );}
.web-grid[size="2"] .lump:nth-child(2n){margin-right: 0;}
.web-grid[size="2"] .lump:nth-child(-n+2){margin-top: 0;}
.web-grid[size="3"] .lump{width:calc( 33.33% - calc( calc(var(--jianju) / 3) * 2) );}
.web-grid[size="3"] .lump:nth-child(3n){margin-right: 0;}
.web-grid[size="3"] .lump:nth-child(-n+3){margin-top: 0;}
@media only screen and (max-width: 640px) {
	.web-grid[size="3"] .lump{width:calc(50% - calc( calc(var(--jianju) / 2) * 1) );}
	.web-grid[size="3"] .lump:nth-child(3n){margin-right: var(--jianju);}
	.web-grid[size="3"] .lump:nth-child(-n+3){margin-top: var(--jianju);}
	.web-grid[size="3"] .lump:nth-child(2n){margin-right: 0;}
	.web-grid[size="3"] .lump:nth-child(-n+2){margin-top: 0;}
}
.web-grid[size="4"] .lump{width:calc( 25% - calc( calc(var(--jianju) / 4) * 3) );}
.web-grid[size="4"] .lump:nth-child(4n){margin-right: 0;}
.web-grid[size="4"] .lump:nth-child(-n+4){margin-top: 0;}



.web-grid[size="5"] .lump{width:calc(20% - calc( calc(var(--jianju) / 5) * 4) );}
.web-grid[size="5"] .lump[size="1"]{width:calc(20% - calc( calc(var(--jianju) / 5) * 4) );}
.web-grid[size="5"] .lump[size="2"]{width:calc(40% - calc( calc(var(--jianju) / 2.5) * 1.5) );}
.web-grid[size="5"] .lump[size="3"]{width:calc(60% - calc( calc(var(--jianju) / 1.66) * 0.66) );}
.web-grid[size="5"] .lump[size="4"]{width:calc(80% - calc( calc(var(--jianju) / 1.25) * 0.25) );}
.web-grid[size="5"] .lump[size="5"]{width:100%;}


.web-grid[size="7"] .lump{width:calc(14.28% - calc( calc(var(--jianju) / 7) * 6) );}
.web-grid[size="7"] .lump[size="1"]{width:calc(14.28% - calc( calc(var(--jianju) / 7) * 6) );}
.web-grid[size="7"] .lump[size="2"]{width:calc(28.57% - calc( calc(var(--jianju) / 3.5) * 2.5) );}
.web-grid[size="7"] .lump[size="3"]{width:calc(42.85% - calc( calc(var(--jianju) / 2.33) * 1.33) );}
.web-grid[size="7"] .lump[size="4"]{width:calc(57.14% - calc( calc(var(--jianju) / 1.75) * 0.75) );}
.web-grid[size="7"] .lump[size="5"]{width:calc(71.42% - calc( calc(var(--jianju) / 1.4) * 0.4) );}
.web-grid[size="7"] .lump[size="6"]{width:calc(85.71% - calc( calc(var(--jianju) / 1.16) * 0.16) );}
.web-grid[size="7"] .lump[size="7"]{width:100%;}
.web-grid[size="12"] .lump[size="1"]{width:calc( 8.33% - calc( calc(var(--jianju) / 12) * 11) );}
.web-grid[size="12"] .lump[size="2"]{width:calc( 16.66% - calc( calc(var(--jianju) / 6) * 5) );}
.web-grid[size="12"] .lump[size="3"]{width:calc( 25% - calc( calc(var(--jianju) / 4) * 3) );}
.web-grid[size="12"] .lump[size="4"]{width:calc( 33.33% - calc( calc(var(--jianju) / 3) * 2) );}
.web-grid[size="12"] .lump[size="5"]{width:calc(41.66% - calc( calc(var(--jianju) / 2.4) * 1.4) );}
.web-grid[size="12"] .lump[size="6"]{width:calc(50% - calc( calc(var(--jianju) / 2) * 1) );}
.web-grid[size="12"] .lump[size="7"]{width:calc(58.33% - calc( calc(var(--jianju) / 1.7) * 0.7) );}
.web-grid[size="12"] .lump[size="8"]{width:calc(66.66% - calc( calc(var(--jianju) / 1.5) * 0.5) );}
.web-grid[size="12"] .lump[size="9"]{width:calc(75% - calc( calc(var(--jianju) / 1.33) * 0.33) );}
.web-grid[size="12"] .lump[size="10"]{width:calc(83.33% - calc( calc(var(--jianju) / 1.2) * 0.2) );}
.web-grid[size="12"] .lump[size="11"]{width:calc(91.66% - calc( calc(var(--jianju) / 1.09) * 0.09) );}
.web-grid[size="12"] .lump[size="12"]{width:100%;}