:root {
	--diamond-width: calc(100vw / 4);
	--diamond-height: calc(100vw / 4);
}

.main-content {
    background-color: #4C2683;
    color: white;
}

.diamond-grid-container-row {
	background-color: #4C2683;
}

.diamond-grid-container-row .container,
.diamond-grid-container-row .row,
.diamond-grid-container-row .col {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.pic {
	width: var(--diamond-width);
	min-width: 260px;
	max-width: none !important;
	height: var(--diamond-height);
	min-height: 260px;
	opacity: 1;
	grid-column: 1;
	grid-row: 1;
	user-select: none;
}

.diamond {
	container-type: inline-size;
	font-family: 'Roboto', sans-serif;
	background-image: url('../images/fast-facts/diamond-teal.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: var(--diamond-width);
	min-width: 260px;
	height: var(--diamond-height);
	min-height: 260px;
	color: #fff;
	text-align: center;
	line-height: normal;
	grid-column: 1;
	grid-row: 1;
	animation-fill-mode: forwards;
	transform: scale(100%);
	user-select: none;
}

.diamond img {
	margin-top: 15%;
	width: 20%;
	height: auto;
}

.diamond span {
	display: block;
	color: #fff;
	font-size: 0.8em !important;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
}

.diamond span strong {
	display: block;
	font-size: 250% !important;
	font-weight: bold;
}

.angle-left {
	shape-outside: polygon(100% 100%, 0 100%, 0 0, 0 50%);
	width: calc(var(--diamond-width) / 2);
	min-width: 130px;
	height: var(--diamond-height);
	min-height: 260px;
	float: left;
}

.angle-right {
	shape-outside: polygon(0 100%, 100% 100%, 100% 0, 100% 50%);
	width: calc(var(--diamond-width) / 2);
	min-width: 130px;
	height: var(--diamond-height);
	min-height: 260px;
	float: right;
}

/* Top Fact diamond backgrounds */
.diamond.frats { background-image: url('../images/fast-facts/diamond-teal.png'); }
.diamond.recitals { background-image: url('../images/fast-facts/diamond-green.png'); }
.diamond.employed { background-image: url('../images/fast-facts/diamond-orange.png'); }
.diamond.sports { background-image: url('../images/fast-facts/diamond-red.png'); }
.diamond.countries { background-image: url('../images/fast-facts/diamond-blue.png'); }
.diamond.engagement { background-image: url('../images/fast-facts/diamond-teal.png'); }
.diamond.miles { background-image: url('../images/fast-facts/diamond-green.png'); }
.diamond.beds { background-image: url('../images/fast-facts/diamond-orange.png'); }
.diamond.olmsted { background-image: url('../images/fast-facts/diamond-red.png'); }
/* Bottom Fact diamond backgrounds */
.diamond.chickfila { background-image: url('../images/fast-facts/diamond-red.png'); }
.diamond.acecare { background-image: url('../images/fast-facts/diamond-green.png'); }
.diamond.changelabs { background-image: url('../images/fast-facts/diamond-light-teal.png'); }
.diamond.library { background-image: url('../images/fast-facts/diamond-teal.png'); }
.diamond.bike { background-image: url('../images/fast-facts/diamond-orange.png'); }

/* Diamond Positions on Mobile */
 .diamond-grid-container {
	 background-color: #4C2683;
	 overflow: hidden;
	 margin-left: -130px;
}
 .diamond-grid-top {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(130px, calc(var(--diamond-width) / 2)));
	 grid-template-rows: repeat(9, minmax(130px, calc(var(--diamond-height) / 2)));
	 max-width: 530px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: -50px;
	 padding-bottom: 0px;
}
 .diamond-grid-bottom {
	 display: grid;
	 grid-template-columns: repeat(4, minmax(130px, calc(var(--diamond-width) / 2)));
	 grid-template-rows: repeat(8, minmax(130px, calc(var(--diamond-height) / 2)));
	 max-width: 530px;
	 margin-left: auto;
	 margin-right: auto;
	 margin-top: 0px;
	 margin-bottom: -80px;
}
/* Top Pic positions */
 .pic.picLaughing {
	 grid-column: 2;
	 grid-row: 1;
}
 .pic.picHarp {
	 grid-column: 3;
	 grid-row: 4;
}
 .pic.picChangelab {
	 grid-column: 4;
	 grid-row: 3;
}
 .pic.picBikeRace {
	 grid-column: 1;
	 grid-row: 2;
}
 .pic.picInternational {
	 grid-column: 4;
	 grid-row: 5;
}
 .pic.picHarlaxton {
	 grid-column: 1;
	 grid-row: 4;
}
 .pic.picTour {
	 grid-column: 4;
	 grid-row: 7;
}
 .pic.picAce {
	 grid-column: 1;
	 grid-row: 6;
}
/* Top Fact diamond positions */
 .diamond.frats {
	 grid-column: 3;
	 grid-row: 2;
}
 .diamond.recitals {
	 grid-column: 2;
	 grid-row: 3;
}
 .diamond.engagement {
	 grid-column: 2;
	 grid-row: 5;
}
 .diamond.miles {
	 grid-column: 2;
	 grid-row: 7;
}
 .diamond.beds {
	 grid-column: 3;
	 grid-row: 8;
}
 .diamond.olmsted {
	 grid-column: 3;
	 grid-row: 6;
}
/* Bottom Pic positions */
 .pic.picFood {
	 grid-column: 2;
	 grid-row: 1;
}
 .pic.picChoir {
	 grid-column: 1;
	 grid-row: 2;
}
 .pic.picSelfie {
	 grid-column: 4;
	 grid-row: 3;
}
 .pic.picPushUp {
	 grid-column: 1;
	 grid-row: 4;
}
 .pic.picChemistry {
	 grid-column: 4;
	 grid-row: 5;
}
 .pic.picGarden {
	 grid-column: 1;
	 grid-row: 6;
}
 .pic.picArt {
	 grid-column: 2;
	 grid-row: 7;
}
 .pic.picMath {
	 grid-column: 4;
	 grid-row: 7;
}
/* Bottom Fact diamond positions */
 .diamond.chickfila {
	 grid-column: 3;
	 grid-row: 2;
}
 .diamond.acecare {
	 grid-column: 2;
	 grid-row: 3;
}
 .diamond.changelabs {
	 grid-column: 3;
	 grid-row: 4;
}
 .diamond.library {
	 grid-column: 2;
	 grid-row: 5;
}
 .diamond.bike {
	 grid-column: 3;
	 grid-row: 6;
}

.cta-bar {
    background-color: #f68b1f;
    padding-top: 2em;
    padding-bottom: 1.8em;
}

.cta-bar p {
    margin-bottom: 0px;
}

.cta-bar .btn {
    min-width: 180px;
}

 .word-cloud-container .row {
	 align-items: center;
}
 .word-cloud {
	 background-color: #4C2683;
	 color: white;
	 padding-bottom: 2em;
}
 .word-cloud h3 {
	 font-size: 2em;
	 margin-top: 0.5em;
	 margin-bottom: 0.5em;
	 font-weight: 800;
	 text-align: center;
	 text-transform: uppercase;
}
 .word-cloud strong {
	 display: block;
	 text-align: center;
	 padding-left: 1em;
	 padding-right: 1em;
	 padding-top: 1.5em;
	 padding-bottom: 1.5em;
	 font-size: 1em;
	 font-weight: 200;
}
 .word-cloud strong.large {
	 font-size: 1.2em;
}
 .word-cloud strong a {
	 text-decoration: underline;
}
 .word-cloud .orange, .word-cloud .orange a {
	 color: #F68B1F;
}
 .word-cloud .green, .word-cloud .green a {
	 color: #91D6AC;
}
 .word-cloud .gold, .word-cloud .gold a {
	 color: #F2C75C;
}
 .word-cloud .white, .word-cloud .white a {
	 color: white;
}
 .word-cloud .blue, .word-cloud .blue a {
	 color: #298FC2;
}
 .word-cloud .grey, .word-cloud .grey a {
	 color: #7A99AC;
}
 .word-cloud .red, .word-cloud .red a {
	 color: #E04E39;
}
 @keyframes fadeInDiamond {
	 0% {
		 transform: scale(100%);
	}
	 50% {
		 transform: scale(120%);
	}
	 100% {
		 transform: scale(100%);
	}
}
 @container (min-width: 400px) {
	 .diamond span {
		 font-size: 0.7em !important;
	}
}
 @container (min-width: 500px) {
	 .diamond span {
		 font-size: 0.7em !important;
	}
}
 @media (min-width: 640px) {
	 :root {
		 --diamond-width: calc(100vw / 6);
		 --diamond-height: calc(100vw / 6);
	}
	/* Diamond Positions on Tablet */
	 .diamond-grid-container {
		 margin-left: 0px;
		 margin-right: 0px;
	}
	 .diamond-grid-top {
		 grid-template-columns: repeat(5, minmax(130px, calc(var(--diamond-width) / 2)));
		 grid-template-rows: repeat(8, minmax(130px, calc(var(--diamond-height) / 2)));
		 max-width: 650px;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .diamond-grid-bottom {
		 grid-template-columns: repeat(7, minmax(130px, calc(var(--diamond-width) / 2)));
		 grid-template-rows: repeat(6, minmax(130px, calc(var(--diamond-height) / 2)));
		 max-width: 780px;
		 margin-left: auto;
		 margin-right: auto;
	}
	/* Top Pic positions */
	 .pic.picLaughing {
		 grid-column: 1;
		 grid-row: 1;
	}
	 .pic.picHarp {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .pic.picChangelab {
		 grid-column: 1;
		 grid-row: 3;
	}
	 .pic.picBikeRace {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .pic.picInternational {
		 grid-column: 2;
		 grid-row: 6;
	}
	 .pic.picHarlaxton {
		 grid-column: 2;
		 grid-row: 4;
	}
	 .pic.picTour {
		 grid-column: 4;
		 grid-row: 4;
	}
	 .pic.picAce {
		 grid-column: 1;
		 grid-row: 7;
	}
	/* Top Fact diamond positions */
	 .diamond.frats {
		 grid-column: 2;
		 grid-row: 2;
	}
	 .diamond.recitals {
		 grid-column: 4;
		 grid-row: 2;
	}
	 .diamond.engagement {
		 grid-column: 3;
		 grid-row: 5;
	}
	 .diamond.miles {
		 grid-column: 1;
		 grid-row: 5;
	}
	 .diamond.beds {
		 grid-column: 4;
		 grid-row: 6;
	}
	 .diamond.olmsted {
		 grid-column: 3;
		 grid-row: 7;
	}
	/* Bottom Pic positions */
	 .pic.picFood {
		 grid-column: 1;
		 grid-row: 3;
	}
	 .pic.picChoir {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .pic.picSelfie {
		 grid-column: 4;
		 grid-row: 4;
	}
	 .pic.picPushUp {
		 grid-column: 1;
		 grid-row: 5;
	}
	 .pic.picChemistry {
		 grid-column: 3;
		 grid-row: 5;
	}
	 .pic.picGarden {
		 grid-column: 5;
		 grid-row: 3;
	}
	 .pic.picArt {
		 grid-column: 5;
		 grid-row: 5;
	}
	 .pic.picMath {
		 display: none;
	}
	/* Bottom Fact diamond positions */
	 .diamond.chickfila {
		 grid-column: 1;
		 grid-row: 1;
	}
	 .diamond.acecare {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .diamond.changelabs {
		 grid-column: 2;
		 grid-row: 2;
	}
	 .diamond.library {
		 grid-column: 4;
		 grid-row: 2;
	}
	 .diamond.bike {
		 grid-column: 2;
		 grid-row: 4;
	}
	 .word-cloud h3 {
		 font-size: 2.2em;
	}
	 .word-cloud strong {
		 font-size: 1.2em;
	}
	 .word-cloud strong.large {
		 font-size: 1.4em;
	}
}
 @media (min-width: 992px) {
	 :root {
		 --diamond-width: calc(100vw / 9);
		 --diamond-height: calc(100vw / 9);
	}
	 .diamond-grid-top {
		 grid-template-columns: repeat(8, minmax(130px, calc(var(--diamond-width) / 2)));
		 grid-template-rows: repeat(6, minmax(130px, calc(var(--diamond-height) / 2)));
		 position: relative;
		 max-width: 1030px;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .diamond-grid-bottom {
		 grid-template-columns: repeat(8, minmax(130px, calc(var(--diamond-width) / 2)));
		 grid-template-rows: repeat(4, minmax(130px, calc(var(--diamond-height) / 2)));
		 position: relative;
		 max-width: 1030px;
		 margin-left: auto;
		 margin-right: auto;
	}
	/* Diamond Positions on Larger Tablet */
	/* Top Pic positions */
	 .pic.picLaughing {
		 grid-column: 7;
		 grid-row: 3;
	}
	 .pic.picHarp {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .pic.picChangelab {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .pic.picBikeRace {
		 grid-column: 5;
		 grid-row: 3;
	}
	 .pic.picInternational {
		 grid-column: 6;
		 grid-row: 2;
	}
	 .pic.picHarlaxton {
		 grid-column: 6;
		 grid-row: 4;
	}
	 .pic.picTour {
		 grid-column: 3;
		 grid-row: 5;
	}
	 .pic.picAce {
		 grid-column: 5;
		 grid-row: 1;
	}
	/* Top Fact diamond positions */
	 .diamond.frats {
		 grid-column: 2;
		 grid-row: 2;
	}
	 .diamond.recitals {
		 grid-column: 4;
		 grid-row: 2;
	}
	 .diamond.engagement {
		 grid-column: 5;
		 grid-row: 5;
	}
	 .diamond.miles {
		 grid-column: 2;
		 grid-row: 4;
	}
	 .diamond.beds {
		 grid-column: 4;
		 grid-row: 4;
	}
	 .diamond.olmsted {
		 grid-column: 1;
		 grid-row: 3;
	}
	/* Bottom Pic positions */
	 .pic.picFood {
		 grid-column: 2;
		 grid-row: 2;
	}
	 .pic.picChoir {
		 grid-column: 6;
		 grid-row: 2;
	}
	 .pic.picSelfie {
		 grid-column: 1;
		 grid-row: 3;
	}
	 .pic.picPushUp {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .pic.picChemistry {
		 grid-column: 5;
		 grid-row: 3;
	}
	 .pic.picGarden {
		 grid-column: 7;
		 grid-row: 3;
	}
	 .pic.picArt {
		 display: none;
	}
	 .pic.picMath {
		 display: none;
	}
	/* Bottom Fact diamond positions */
	 .diamond.chickfila {
		 grid-column: 1;
		 grid-row: 1;
	}
	 .diamond.acecare {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .diamond.changelabs {
		 grid-column: 5;
		 grid-row: 1;
	}
	 .diamond.library {
		 grid-column: 7;
		 grid-row: 1;
	}
	 .diamond.bike {
		grid-column: 4;
		 grid-row: 2;
	}
	
	.cta-bar .btn {
        min-width: 250px;
        font-size: 130%;
        padding: 12px 40px;
    }
	
	 .word-cloud h3 {
		 font-size: 2.3em;
	}
	 .word-cloud strong {
		 font-size: 1.3em;
	}
	 .word-cloud strong.large {
		 font-size: 1.5em;
	}
}
 @media (min-width: 1200px) {
	 :root {
		 --diamond-width: calc(400px);
		 --diamond-height: calc(400px);
	}
	 .diamond-grid-top {
		 grid-template-columns: repeat(6, calc(var(--diamond-width) / 2));
		 grid-template-rows: repeat(6, calc(var(--diamond-height) / 2));
		 max-width: 1200px;
	}
	 .diamond-grid-bottom {
		 grid-template-columns: repeat(6, calc(var(--diamond-width) / 2));
		 grid-template-rows: repeat(5, calc(var(--diamond-width) / 2));
		 position: relative;
		 max-width: 1200px;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .diamond span {
		 font-size: 1em !important;
	}
	/* Diamond Positions on Desktop */
	/* Top Pic positions */
	 .pic.picLaughing {
		 grid-column: 1;
		 grid-row: 1;
	}
	 .pic.picHarp {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .pic.picChangelab {
		 grid-column: 4;
		 grid-row: 2;
	}
	 .pic.picBikeRace {
		 display: none;
	}
	 .pic.picInternational {
		 grid-column: 2;
		 grid-row: 4;
	}
	 .pic.picHarlaxton {
	 grid-column: 4;
	  grid-row: 4;
	}
	 .pic.picTour {
		 grid-column: 5;
	  grid-row: 1;
	}
	 .pic.picAce {
		 grid-column: 5;
		 grid-row: 3;
	}
	/* Top Fact diamond positions */
	 .diamond.frats {
		 grid-column: 2;
		 grid-row: 2;
	}
	 .diamond.recitals {
		 grid-column: 1;
		 grid-row: 3;
	}
	 .diamond.engagement {
		 grid-column: 1;
		 grid-row: 5;
	}
	 .diamond.miles {
		 grid-column: 5;
		 grid-row: 5;
	}
	 .diamond.beds {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .diamond.olmsted {
		 grid-column: 3;
   		  grid-row: 5;
	}
	/* Bottom Pic positions */
	 .pic.picFood {
		 display: none;
	}
	 .pic.picChoir {
		 grid-column: 4;
		 grid-row: 4;
	}
	 .pic.picSelfie {
		 grid-column: 1;
		 grid-row: 3;
	}
	 .pic.picPushUp {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .pic.picChemistry {
		 grid-column: 5;
		 grid-row: 3;
	}
	 .pic.picGarden {
		 grid-column: 2;
		 grid-row: 4;
	}
	 .pic.picArt {
		 grid-column: 3;
		 grid-row: 4;
	}
	 .pic.picMath {
		 display: none;
	}
	/* Bottom Fact diamond positions */
	 .diamond.chickfila {
		 grid-column: 1;
		 grid-row: 1;
	}
	 .diamond.acecare {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .diamond.changelabs {
		 grid-column: 5;
		 grid-row: 1;
	}
	 .diamond.library {
		 grid-column: 2;
		 grid-row: 2;
	}
	 .diamond.bike {
		grid-column: 4;
		 grid-row: 2;
	}
	 .word-cloud h3 {
		 font-size: 3em;
	}
	 .word-cloud strong {
		 font-size: 1.4em;
	}
	 .word-cloud strong.large {
		 font-size: 1.6em;
	}
}
 @media (min-width: 1600px) {
	 :root {
		 --diamond-width: calc(500px);
		 --diamond-height: calc(500px);
	}
	 .diamond-grid-top {
		 position: relative;
		 max-width: 1500px;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .diamond-grid-bottom {
		 position: relative;
		 max-width: 1500px;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .diamond span {
		 font-size: 1.2em !important;
	}
	 .word-cloud-container {
		 max-width: 90vw;
		 margin-left: auto;
		 margin-right: auto;
	}
	 .word-cloud h3 {
		 font-size: 4em;
	}
	 .word-cloud strong {
		 font-size: 1.5em;
	}
	 .word-cloud strong.large {
		 font-size: 1.7em;
	}
}
 @media (min-width: 1880px) {
	 :root {
		 --diamond-width: calc(470px);
		 --diamond-height: calc(470px);
	}
	 .diamond-grid-top {
		 grid-template-columns: repeat(8, calc(var(--diamond-width) / 2));
		 grid-template-rows: repeat(5, calc(var(--diamond-height) / 2));
		 max-width: 1880px;
		 margin-top: -80px;
	}
	 .diamond-grid-bottom {
		 grid-template-columns: repeat(8, calc(var(--diamond-width) / 2));
		 grid-template-rows: repeat(4, calc(var(--diamond-height) / 2));
		 max-width: 1880px;
		 margin-bottom: -100px;
	}
	 .diamond img {
		 margin-top: 20%;
		 width: 20%;
		 height: auto;
	}
	/* Diamond Positions on Desktop Wide */
	/* Top Pic positions */
	 .pic.picLaughing {
		 grid-column: 1;
		 grid-row: 1;
	}
	 .pic.picHarp {
		 grid-column: 4;
		 grid-row: 2;
	}
	 .pic.picChangelab {
		 display: none;
	}
	 .pic.picBikeRace {
		 display: block;
		 grid-column: 5;
		 grid-row: 1;
	}
	 .pic.picInternational {
		 grid-column: 7;
		 grid-row: 1;
	}
	 .pic.picHarlaxton {
		 grid-column: 1;
		 grid-row: 3;
	}
	 .pic.picTour {
		 grid-column: 7;
		 grid-row: 3;
	}
	 .pic.picAce {
		 display: none;
	}
	/* Top Fact diamond positions */
	 .diamond.frats {
		 grid-column: 2;
		 grid-row: 2;
	}
	 .diamond.recitals {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .diamond.engagement {
		 grid-column: 6;
		 grid-row: 2;
	}
	 .diamond.miles {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .diamond.beds {
		 grid-column: 5;
		 grid-row: 3;
	}
	 .diamond.olmsted {
		 grid-column: 4;
		 grid-row: 4;
	}
	/* Bottom Pic positions */
	 .pic.picFood {
		 display: block;
		 grid-column: 2;
		 grid-row: 2;
	}
	 .pic.picChoir {
		 grid-column: 6;
		 grid-row: 2;
	}
	 .pic.picSelfie {
		 grid-column: 1;
		 grid-row: 3;
	}
	 .pic.picPushUp {
		 grid-column: 3;
		 grid-row: 3;
	}
	 .pic.picChemistry {
		 grid-column: 5;
		 grid-row: 3;
	}
	 .pic.picGarden {
		 grid-column: 7;
		 grid-row: 3;
	}
	 .pic.picArt {
		 display: none;
	}
	 .pic.picMath {
		 display: none;
	}
	/* Bottom Fact diamond positions */
	 .diamond.chickfila {
		 grid-column: 1;
		 grid-row: 1;
	}
	 .diamond.acecare {
		 grid-column: 3;
		 grid-row: 1;
	}
	 .diamond.changelabs {
		 grid-column: 5;
		 grid-row: 1;
	}
	 .diamond.library {
		 grid-column: 7;
		 grid-row: 1;
	}
	 .diamond.bike {
		 grid-column: 4;
		 grid-row: 2;
	}
	 .word-cloud-container {
		 max-width: 80vw;
		 margin-left: auto;
		 margin-right: auto;
	}
}