.debug-border 		{border:solid 1px #000;}
.debug-border-gray  {border:solid 1px #EDEDED;}
.debug-border-white {border:solid 1px #fff;}


/* --------------------------------------------------------- */
.nogutter					{margin:0 !important;}
.nogutter-top				{margin-top:0 !important;}
.nogutter-left				{margin-left:0 !important;}
.nogutter-right				{margin-right:0 !important;}
.nogutter-bottom			{margin-bottom:0 !important;}
.nogutter-topandbottom		{margin-top:0 !important;margin-bottom:0 !important;}

.nopadder					{padding:0 !important;}
.nopadder-top				{padding-top:0 !important;}
.nopadder-left				{padding-left:0 !important;}
.nopadder-right				{padding-right:0 !important;}
.nopadder-bottom			{padding-bottom:0 !important;}
.nopadder-topandbottom		{padding-top:0 !important;padding-bottom:0 !important;}
/* --------------------------------------------------------- */
.macrogutter				{margin:3em;}
.macrogutter-top			{margin-top:3em;}
.macrogutter-left			{margin-left:3em;}
.macrogutter-right			{margin-right:3em;}
.macrogutter-bottom			{margin-bottom:3em;}
.macrogutter-topandbottom	{margin-top:3em;margin-bottom:3em;}
.macrogutter-leftandright	{margin-left:3em;margin-right:3em;}

.macropadder				{padding:3em;}
.macropadder-top			{padding-top:3em;}
.macropadder-left			{padding-left:3em;}
.macropadder-right			{padding-right:3em;}
.macropadder-bottom			{padding-bottom:3em;}
.macropadder-topandbottom	{padding-top:3em;padding-bottom:3em;}
.macropadder-leftandright	{padding-left:3em;padding-right:3em;}
/* --------------------------------------------------------- */
.gutter						{margin:1.5em;}
.gutter-top					{margin-top:1.5em;}
.gutter-left				{margin-left:1.5em;}
.gutter-right				{margin-right:1.5em;}
.gutter-bottom				{margin-bottom:1.5em;}
.gutter-topandbottom		{margin-top:1.5em;margin-bottom:1.5em;}
.gutter-leftandright		{margin-left:1.5em;margin-right:1.5em;}

.padder						{padding:1.5em;}
.padder-top					{padding-top:1.5em;}
.padder-left				{padding-left:1.5em;}
.padder-right				{padding-right:1.5em;}
.padder-bottom				{padding-bottom:1.5em;}
.padder-topandbottom		{padding-top:1.5em;padding-bottom:1.5em;}
.padder-leftandright		{padding-left:1.5em;padding-right:1.5em;}
/* --------------------------------------------------------- */
.tinygutter					{margin:0.75em;}
.tinygutter-top				{margin-top:0.75em;}
.tinygutter-left			{margin-left:0.75em;}
.tinygutter-right			{margin-right:0.75em;}
.tinygutter-bottom			{margin-bottom:0.75em;}
.tinygutter-topandbottom	{margin-top:0.75em;margin-bottom:0.75em;}
.tinygutter-leftandright	{margin-left:0.75em;margin-right:0.75em;}

.tinypadder					{padding:0.75em;}
.tinypadder-top				{padding-top:0.75em;}
.tinypadder-left			{padding-left:0.75em;}
.tinypadder-right			{padding-right:0.75em;}
.tinypadder-bottom			{padding-bottom:0.75em;}
.tinypadder-topandbottom	{padding-top:0.75em;padding-bottom:0.75em;}
.tinypadder-leftandright	{padding-left:0.75em;padding-right:0.75em;}
/* --------------------------------------------------------- */
.microgutter				{margin:0.375em;}
.microgutter-top			{margin-top:0.375em;}
.microgutter-left			{margin-left:0.375em;}
.microgutter-right			{margin-right:0.375em;}
.microgutter-bottom			{margin-bottom:0.375em;}
.microgutter-topandbottom	{margin-top:0.375em;margin-bottom:0.375em;}

.micropadder				{padding:0.375em;}
.micropadder-top			{padding-top:0.375em;}
.micropadder-left			{padding-left:0.375em;}
.micropadder-right			{padding-right:0.375em;}
.micropadder-bottom			{padding-bottom:0.375em;}
.micropadder-topandbottom	{padding-top:0.375em;padding-bottom:0.375em;}
/* --------------------------------------------------------- */
.nanogutter					{margin:0.1875em;}
.nanogutter-top				{margin-top:0.1875em;}
.nanogutter-left			{margin-left:0.1875em;}
.nanogutter-right			{margin-right:0.1875em;}
.nanogutter-bottom			{margin-bottom:0.1875em;}
.nanogutter-topandbottom	{margin-top:0.1875em;margin-bottom:0.1875em;}

.nanopadder					{padding:0.1875em;}
.nanopadder-top				{padding-top:0.1875em;}
.nanopadder-left			{padding-left:0.1875em;}
.nanopadder-right			{padding-right:0.1875em;}
.nanopadder-bottom			{padding-bottom:0.1875em;}
.nanopadder-topandbottom	{padding-top:0.1875em;padding-bottom:0.1875em;}
/* --------------------------------------------------------- */