h3 {
	margin-top: 1em !important;
}

button > p {
	color: var(--primary-blue);
	display: inline;
	margin-right:.25em;
}

/* large screen */
@media only screen and (min-width: 768px) {
	/* awkward sizes that arent quite desktop and arent quite mobile like an ipad, that need more space */
	@media only screen and (max-width: 1500px) {
		.ipad-width {
			margin-left: 3% !important;
			width: 94% !important;
		}

		.step-squircle {
			width: 20vw !important;
			height: 20vw !important;
		}
	}

	.step-squircle {
		width: 12vw;
		height: 12vw;
	}

	.top-margin-desktop {
		margin-top: 3em !important;
	}

	.title-h1-text {
		font-size: 5em;
	}
}

/* small screen */
@media only screen and (max-width: 767px) {
	* {
		padding: 0;
		margin: 0;
	}

	.step-squircle {
		width: 50vw;
		height: 50vw;
	}

	.mobile-section-title {
		font-size: 2em;
	}

	.top-margin-desktop {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	@media only screen and (max-height: 600px) {
		.title-h1-text {
			font-size: 2em;
		}

		span {
			font-size: 1em;
		}

		#headerRow {
			padding-top: 0 !important;
		}
	}

	@media only screen and (min-height: 601px) {
		.title-h1-text {
			font-size: 3em;
		}
	}
}

/* end responsive */

.title-h1-text {
	position: relative;
	display: inline-block;
	text-align: center;
	z-index: 1;
	color: var(--primary-blue);
}

.step-squircle {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 25%;
	background-color: #e0e2e5;
	border: var(--gray-web) solid 3px;
	margin: 0 auto -4em auto;
}

.grid-column {
	text-align: center;
}

.step-number {
	border-radius: 100rem;
	line-height: 3.25rem;
	height: 3.25rem;
	width: 3.25rem;
	font-size: 2rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.1em;
	border: 3px solid var(--gray-web);
	color: var(--primary-blue);
	background-color: white !important;
}

.dropdown-expand-button {
	all: unset;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50%;
	padding: .5em;
}

.full-text {
	display: none;
	border-radius: 10px;
	background-color: #f8f9fa;
	padding: 1rem 1.5rem;
	border: solid #dee2e6 1px;
	margin-top: .25em;
	box-shadow: 0.125em 0.125em 0.5em #b9a3a333;
}

.column-H1 {
	text-align: -webkit-center;
	margin-top: 1em;
}

.dropdown-collapse-button {
	all: unset;
	text-align: center;
	box-sizing: border-box;
	border-radius: 50%;
	padding: 0.5em;
}
