/* ====================================================================== *
      CONTENT
 * ====================================================================== */

/* 
If you end a section or subsection, the only type of spacer should be one of the following:
.spacer-bottom-of-section-intro
.spacer-bottom-of-section
.spacer-between-sub-sections

 */

 	.spacer-page-title-above{
 		height: 80px;
 	}
	.spacer-page-title-below{
		height: 80px;
	}
	.spacer-h1-tiny-text-above{
		height: 0px;
	}
	.spacer-section-intro-above{
		/* intended height: 64 */
		/* 64px results in 80 */
		/* 52px results in 64px */
		height: 64px;
	}
	.spacer-section-intro-below{
		/* intended height: 40 */
		/* 40px results in 62 */
		/* 18px results in 35px */
		/* height: 40px; */
		/* 22px results in 40px */
		height: 40px;
	}
	.spacer-h1-tiny-text-above{
		height: 0px;
	}
	.spacer-h1-tiny-text-below{
		/* intended height: 20 */
		/* 11px results in 20px */
		height: 11px;
	}
	.spacer-h1-above{
		height: 0px;
	}
	.spacer-h1-below{
		/* intended height: 40 */
		/* 23px results in 40px */
		height: 23px;
	}
	.spacer-h2-above{
		height: 0px;
	}
	.spacer-h2-below{
		/* 4px results in 12px */
		/* DOUBLE CHECK ORIG DESIGN: # seems too small for hierarchy */
		height: 4px;
	}
	.spacer-h3-above{
		height: 0px;
	}
	.spacer-h3-below{
		height: 6px;
	}
	.spacer-sub-caption-above{
		/* intended height: 12 */
		/* 10px results in 12px */
		height: 10px;
	}
	.spacer-sub-caption-below{
		/* intended height: 44 */
		/* 33px results in 44px */
		height: 33px;
	}
	.spacer-sub-caption-above-in-documents-menu{
		/* intended height: 12 */
		/* 10px results in 12px */
		height: 10px;
	}
	.spacer-sub-caption-below-in-documents-menu{
		/* intended height: 12 */
		/* 10px results in 12px */
		height: 10px;
	}
	.spacer-documents-menu-below{
		/* intended height: 44 */
		/* 33px results in 44px */
		height: 33px;	
	}
	.spacer-call-out-above{
		height: 0px;
	}
	.spacer-call-out-below{
		/* intended height: 44 */
		/* 33px results in 44px */
		height: 25px;
	}
	.spacer-body-copy-above{
		height: 0px;
	}
	.spacer-body-copy-below{
		/* TBD LATER*/
		height: 44px;
	}
	.spacer-body-copy-between{
		/* intended height: 32 */
		/* 21px results in 32px */
		height: 21px;
	}
	.spacer-bulleted-list-above{
		height: 0px;
	}
	.spacer-bulleted-list-below{
		/* TBD LATER*/
		height: 44px;
	}
	.spacer-bulleted-list-between{
		/* intended height: 22 */
		/* 15px results in 22px */
		height: 15px;
	}
	.spacer-numbered-list-above{
		height: 0px;
	}
	.spacer-numbered-list-below{
		/* Needs to be figured out - maybe a few #s needed, depending on what follows it*/
		height: 44px;
	}
	.spacer-numbered-list-between{
		/* intended height: 22 */
		/* 21px results in 22px */
		height: 15px;
	}
	.spacer-above-image{
		height: 0px;
	}
	.spacer-below-image{
		/* TBD LATER*/
		height: 44px;
	}
	.spacer-bottom-of-section{
		/* TBD LATER*/
		height: 80px;
	}
	.spacer-between-sub-sections{
		/* TBD LATER*/
		height: 64px;
	}
	.spacer-bottom-of-section-intro{
		/* TBD LATER*/
		height: 64px;
	}

	.collage{
		gap: 23px;
	}
	.spacer-between-collage{
		height: 23px;
	}

/* ====================================================================== *
      CASE STUDIES
 * ====================================================================== */	

	.spacer-case-study-menu-sub-title-above{
		height: 161px;
	}

 	.spacer-case-study-menu-title-above{
		height: 18px;
 	}

 	.spacer-case-study-menu-description-above{
		height: 30px;
 	}

 	.spacer-view-case-study-above{
		height: 38px;
 	}

/* ====================================================================== *
      MY ROLE
 * ====================================================================== */	

 	.spacer-icon-rows-above{
 		height: 0;
 	}

 	.spacer-icon-rows-between{
 		height: 44px;
 	}

 	.spacer-icon-rows-below{
 		height: 80px;	
 	}

 	.spacer-icon-rows-h2-above{
 		height: 0px;
 	}

 	.spacer-icon-rows-h2-below{
 		height: 20px;
 	}