/* Table of Contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Quick Links
*/


/* Old Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-639		single column
640-1023	2 columns
1024+		standard layout, but changing margins/padding/type-size
1800+		extra large layout

*/

/* Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-374		2 columns
375-639		6 columns
640-1023	12 columns
1024-1439	12 columns
1440+		12 columns

*/

/* Wordpress Admin Bar Height-Change Breakpoints
––––––––––––––––––––––––––––––––––––––––––––––––––
0-782		46px tall
783-...		32px tall

*/

/* Quick Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.quick-links__wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.section.section__quick-links {}
.quick-link {
	width: 150px;
	text-transform: uppercase;
	text-align: center;
	font-family: "Gotham SSm A", "Gotham SSm B";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	box-sizing: border-box;
	padding: 0 1rem;
}
.quick-link__icon-wrap {
	position: relative;
	width: 100%;
	background-color: #FFF;
	border-radius: 50%;
	display: block;
	box-shadow: -3px 0px 7px 0px rgba(0,0,0,0.29);
}
.quick-link__icon-equalizer:before {
	content: '';
	display: block;
	padding-top: 100%;
}
.quick-link__icon-equalizer {}
.quick-link__icon {
	width: 50%;
	left: 25%;
	top: 25%;
	position: absolute;
}
#quick-link__other-speeches .quick-link__icon {
	top: 35%;
}
.quick-link__text {
	font-family: "Gotham A", "Gotham B";
	font-style: normal;
	font-weight: 500;
	display: block;
	margin: 1rem 0rem 4rem;
	color: #FFF;
}
.section__quick-links .row {
	width: 150px;
	margin: auto;
}
@media (min-width: 320px) {
	.section__quick-links .row {
		width: 300px;
	}
}
@media (min-width: 500px) {
	.section__quick-links .row {
		width: 450px;
	}
}
@media (min-width: 640px) {
	.section__quick-links .row {
		width: 600px;
	}
	.section.section__quick-links {}
	.quick-link {
		width: 200px;
		padding: 0 2.666666rem;
	}
}
@media (min-width: 800px) {
	.section__quick-links .row {
		width: 600px;
	}
	.section.section__quick-links {}
	.quick-link {
		width: 180px;
		padding: 0 2rem;
	}
}
@media (min-width: 1024px) {}
@media (min-width: 1440px) {
	.section__quick-links .row {
		width: 1235px;
	}
	.section.section__quick-links {}
	.quick-link {
		width: 154px;
		padding: 0 1rem;
	}

}