html
{
	box-sizing: border-box;
}

body
{
	overflow-x: hidden;
}

@media (max-width: 320px)
{

	.about-hero
	{
		max-width: 320px;
		margin: 3.5rem 1.5rem 2.8rem;
		padding: 1.8rem 2.4rem;
		text-align: center;
	}

	.about-header
	{
		font-size: 1.6rem;
		letter-spacing: 0.08em;
	}

	.about-tag
	{
		font-size: 1.1rem;
		line-height: l.7;
	}

	.about-panel
	{
		max-width: 960px;
		margin: 2.4rem 1.5rem 0;
	}


	.about-subheading
	{
		font-size: 1.5rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* Overview sections */

	.about-overview .two-column
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.about-section h4
	{
		font-size: 1.5rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.about-section p
	{
		margin: 0;
		font-size: 1.1rem;
		text-align: left;
		max-width: 50ch;
		letter-spacing: normal;
		line-height: 1.7;
	}

	.value-card h4
	{
		font-size: 1.5rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.value-card p
	{
		font-size: 1.1rem;
		line-height: 1.7em;
		letter-spacing: normal;
	}

	#fam2col
	{
		gap: 0;
	}


	#famh2
	{
		font-size: 1.5rem;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.family-tagline
	{
		font-size: 1.2rem;
		letter-spacing: normal;
	}

	.about-family-wrapper
	{

		padding-bottom: 0;
		margin-bottom: 0;
	}

	.about-family-wrapper .col-right
	{
		min-width: 100%;
		margin: 0 auto;
		padding: 1rem 1rem 0;
		text-align: left;
	}

	.about-family-wrapper .col-right p
	{
		min-width: 100%;
		line-height: 1.7;
		font-size: 1.1rem;
		margin-top: 1.5rem;
	}

	.slideshow .caption
	{
		position: absolute;
		left: 0.2rem;
		bottom: 4rem;
		font-size: 1rem;
	}

	#bobby1
	{
		bottom: 10rem;
	}

	/* About CTA */

	.about-cta
	{
		text-align: center;
		align-items: center;
		gap: 0.9rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding: 2rem 1.5rem;
		font-size: 1.1rem;
	}

	.about-cta p
	{
		margin: 0;
		font-size: 1.1rem;
		line-height: 1.7;
		letter-spacing: normal;
		text-align: center;
	}

	.about-cta .cta-button
	{
		margin-top: 0.3rem;
		padding: 0.8rem 1.6rem;
		border-radius: 10%;
		font-size: 1rem;
		letter-spacing: 0.05em;
		font-weight: 200;
		box-shadow: none;
	}
}

@media (min-width: 321px) and (max-width: 375px)
{
	.about-hero
	{
		max-width: 320px;
		margin: 3.5rem 1.5rem 2.8rem;
		padding: 1.8rem 2.4rem;
		text-align: center;
	}

	.about-header
	{
		font-size: 1.7rem;
		letter-spacing: 0.03em;
		line-height: 1.5;
	}

	.about-tag
	{
		font-size: 1.3rem;
		text-align: center;
		max-width: 28ch;
	}

	.about-panel
	{
		max-width: 960px;
		margin: 2.4rem 1.5rem 0;
	}


	.about-subheading
	{
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* Overview sections */

	.about-overview .two-column
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.about-section h4
	{
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.about-section p
	{
		margin: 0;
		font-size: 1.4rem;
		text-align: left;
		max-width: 50ch;
		letter-spacing: normal;
		line-height: 1.5;
	}

	.value-card h4
	{
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.value-card p
	{
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: normal;
	}

	#fam2col
	{
		gap: 0;
	}

	#famh2
	{
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.family-tagline
	{
		font-size: 1.3rem;
		letter-spacing: normal;
	}

	.about-family-wrapper
	{

		padding-bottom: 0;
		margin-bottom: 0;
	}

	.about-family-wrapper .col-right
	{
		min-width: 100%;
		margin: 0 auto;
		padding: 1rem 1rem 0;
		text-align: left;
	}

	.about-family-wrapper .col-right p
	{
		min-width: 100%;
		line-height: 1.5;
		font-size: 1.4rem;
		margin-top: 1.5rem;
	}

	.slideshow .caption
	{
		position: absolute;
		left: 0.2rem;
		bottom: 4rem;
		font-size: 1.4rem;
	}

	#bobby1
	{
		bottom: 10rem;
	}

	/* About CTA */

	.about-cta
	{
		text-align: center;
		align-items: center;
		gap: 0.9rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding: 2rem 1.5rem;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.about-cta p
	{
		margin: 0;
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: center;
	}

	.about-cta .cta-button
	{
		margin-top: 0.3rem;
		padding: 0.8rem 1.6rem;
		border-radius: 10%;
		font-size: 1.3rem;
		letter-spacing: 0.05em;
		font-weight: 200;
		box-shadow: none;
	}
}

@media (min-width: 376px) and (max-width: 425px)
{

	.about-hero
	{
		max-width: 320px;
		margin: 3.5rem 1.5rem 2.8rem;
		padding: 1.8rem 2.4rem;
		text-align: center;
	}

	.about-header
	{
		font-size: 1.95rem;
		letter-spacing: 0.03em;
		line-height: 1.15;
	}

	.about-tag
	{
		font-size: 1.3rem;
		text-align: center;
		max-width: 30ch;
	}

	.about-panel
	{
		max-width: 960px;
		margin: 2.4rem 1.5rem 0;
	}


	.about-subheading
	{
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* Overview sections */

	.about-overview .two-column
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.about-section h4
	{
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.about-section p
	{
		margin: 0;
		font-size: 1.4rem;
		text-align: left;
		max-width: 50ch;
		letter-spacing: normal;
		line-height: 1.5;
	}

	.value-card h4
	{
		font-size: 1.6rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.value-card p
	{
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: normal;
	}

	#fam2col
	{
		gap: 0;
	}

	#famh2
	{
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.family-tagline
	{
		font-size: 1.3rem;
		letter-spacing: normal;
	}

	.about-family-wrapper
	{

		padding-bottom: 0;
		margin-bottom: 0;
	}

	.about-family-wrapper .col-right
	{
		min-width: 100%;
		margin: 0 auto;
		padding: 1rem 1rem 0;
		text-align: left;
	}

	.about-family-wrapper .col-right p
	{
		min-width: 100%;
		line-height: 1.5;
		font-size: 1.4rem;
		margin-top: 1.5rem;
	}

	.slideshow .caption
	{
		position: absolute;
		left: 0.2rem;
		bottom: 4rem;
		font-size: 1.4rem;
	}

	#bobby1
	{
		bottom: 10rem;
	}

	/* About CTA */

	.about-cta
	{
		text-align: center;
		align-items: center;
		gap: 0.9rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding: 2rem 1.5rem;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.about-cta p
	{
		margin: 0;
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: center;
	}

	.about-cta .cta-button
	{
		margin-top: 0.3rem;
		padding: 0.8rem 1.6rem;
		border-radius: 10%;
		font-size: 1.3rem;
		letter-spacing: 0.05em;
		font-weight: 200;
		box-shadow: none;
	}

}

@media(min-width:426px) and (max-width:768px)
{

	.about-hero
	{
		min-width: 320px;
		margin: 3.5rem 1.5rem 2.8rem;
		padding: 1.8rem 2.4rem;
		text-align: center;
	}

	.about-header
	{
		font-size: 2.5rem;
		letter-spacing: 0.03em;
		line-height: 1.15;
	}

	.about-tag
	{
		font-size: 1.6rem;
		text-align: center;
		max-width: none;
	}

	.about-panel
	{
		max-width: 960px;
		margin: 2.4rem 1.5rem 0;
	}


	.about-subheading
	{
		font-size: 2rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* Overview sections */

	.about-overview .two-column
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.about-section h4
	{
		font-size: 1.7rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.about-section p
	{
		margin: 0;
		font-size: 1.5rem;
		text-align: left;
		max-width: 50ch;
		letter-spacing: normal;
		line-height: 1.5;
	}

	.value-card h4
	{
		font-size: 1.7rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.value-card p
	{
		font-size: 1.5rem;
		line-height: 1.5;
		letter-spacing: normal;
	}

	#fam2col
	{
		gap: 0;
	}

	#famh2
	{
		font-size: 2rem;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.family-tagline
	{
		font-size: 1.6rem;
		letter-spacing: normal;
	}

	.about-family-wrapper
	{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.about-family-wrapper .col-right
	{
		min-width: 100%;
		margin: 0 auto;
		padding: 1rem 1rem 0;
		text-align: left;
	}

	.about-family-wrapper .col-right p
	{
		min-width: 100%;
		line-height: 1.6;
		font-size: 1.5rem;
		margin-top: 1.5rem;
	}

	.slideshow .caption
	{
		position: absolute;
		left: 1rem;
		bottom: 15rem;
		font-size: 1.5rem;
	}

	#bobby1
	{
		bottom: 30rem;
	}

	/* About CTA */

	.about-cta
	{
		text-align: center;
		align-items: center;
		gap: 0.9rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding: 2rem 1.5rem;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.about-cta p
	{
		margin: 0;
		font-size: 1.5rem;
		line-height: 1.5;
		letter-spacing: normal;
		text-align: center;
		max-width: 35ch;
	}

	.about-cta .cta-button
	{
		margin-top: 0.3rem;
		padding: 0.8rem 1.6rem;
		border-radius: 10%;
		font-size: 1.3rem;
		letter-spacing: 0.05em;
		box-shadow: 0 0 10px rgba(34, 197, 94, 0.6);
		font-weight: 200;
	}
}

@media(min-width:769px) and (max-width:1024px)
{
	.about-hero
	{
		min-width: 320px;
		margin: 3.5rem 1.5rem 2.8rem;
		padding: 1.8rem 2.4rem;
		text-align: center;
	}

	.about-header
	{
		font-size: 2.8rem;
		letter-spacing: 0.03em;
		line-height: 1.6;
	}

	.about-tag
	{
		font-size: 1.8rem;
		text-align: center;
		max-width: none;
	}

	.about-panel
	{
		max-width: 960px;
		margin: 2.4rem 1.5rem 0;
	}


	.about-subheading
	{
		font-size: 2rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* Overview sections */

	.about-overview .two-column
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.about-section h4
	{
		font-size: 1.8rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.about-section p
	{
		margin: 0;
		font-size: 1.6rem;
		text-align: left;
		max-width: 95%;
		letter-spacing: normal;
		line-height: 1.6;
	}

	.value-card h4
	{
		font-size: 1.8rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.value-card p
	{
		font-size: 1.6rem;
		line-height: 1.6;
		letter-spacing: normal;
	}

	#fam2col
	{
		gap: 0;
	}

	#famh2
	{
		font-size: 2rem;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.family-tagline
	{
		font-size: 1.6rem;
		letter-spacing: normal;
	}

	.about-family-wrapper
	{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.about-family-wrapper .col-right
	{
		min-width: 100%;
		margin: 0 auto;
		padding: 1rem 1rem 0;
		text-align: left;
	}

	.about-family-wrapper .col-right p
	{
		min-width: 100%;
		line-height: 1.6;
		font-size: 1.6rem;
		margin-top: 1.5rem;
	}

	.slideshow .caption
	{
		position: absolute;
		left: 1rem;
		bottom: 15rem;
		font-size: 1.6rem;
	}

	#bobby1
	{
		bottom: 35rem;
	}

	/* About CTA */

	.about-cta
	{
		text-align: center;
		align-items: center;
		gap: 0.9rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding: 2rem 1.5rem;
		font-size: 1.4rem;
		line-height: 1.5;
	}

	.about-cta p
	{
		margin: 0;
		font-size: 1.6rem;
		line-height: 1.6;
		letter-spacing: normal;
		text-align: center;
		max-width: 35ch;
	}

	.about-cta .cta-button
	{
		margin-top: 0.3rem;
		padding: 0.8rem 1.6rem;
		border-radius: 10%;
		font-size: 1.3rem;
		letter-spacing: 0.05em;
		box-shadow: 0 0 10px rgba(34, 197, 94, 0.6);
		font-weight: 200;
	}
}

@media(min-width:1025px) and (max-width:1440px)
{
	.about-hero
	{
		min-width: 90%;
		margin: 3.5rem 1.5rem 2.8rem;
		padding: 1.8rem 2.4rem;
		text-align: center;
	}

	.about-header
	{
		font-size: 3rem;
		letter-spacing: 0.03em;
		line-height: 1.6;
	}

	.about-tag
	{
		font-size: 1.9rem;
		text-align: center;
		max-width: none;
	}

	.about-panel
	{
		min-width: 91%;
		margin: 2.4rem 1.5rem 0;
	}


	.about-subheading
	{
		font-size: 2.2rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* Overview sections */

	.about-overview .two-column
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.about-section h4
	{
		font-size: 1.9rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.about-section p
	{
		margin: 0;
		font-size: 1.7rem;
		text-align: left;
		max-width: 95%;
		letter-spacing: normal;
		line-height: 1.6;
	}

	.value-card h4
	{
		font-size: 1.9rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.value-card p
	{
		font-size: 1.7rem;
		line-height: 1.6;
		letter-spacing: normal;
	}

	#fam2col
	{
		gap: 0;
	}

	#famh2
	{
		font-size: 2.2rem;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.family-tagline
	{
		font-size: 1.7rem;
		letter-spacing: normal;
	}

	.about-family-wrapper
	{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.about-family-wrapper .col-right
	{
		min-width: 100%;
		margin: 0 auto;
		padding: 1rem 1rem 0;
		text-align: left;
	}

	.about-family-wrapper .col-right p
	{
		min-width: 100%;
		line-height: 1.6;
		font-size: 1.7rem;
		margin-top: 1.5rem;
	}

	.slideshow .caption
	{
		position: absolute;
		left: 1rem;
		bottom: 15rem;
		font-size: 1.7rem;
	}

	#bobby1
	{
		bottom: 35rem;
	}

	/* About CTA */

	.about-cta
	{
		text-align: center;
		align-items: center;
		gap: 0.9rem;
		margin: 2rem 1.5rem;
		padding: 2rem 1.5rem;
		font-size: 1.7rem;
		line-height: 1.5;
		min-width: 93.5%;
	}

	.about-cta p
	{
		margin: 0;
		font-size: 1.7rem;
		line-height: 1.6;
		letter-spacing: normal;
		text-align: center;
		max-width: 35ch;
	}

	.about-cta .cta-button
	{
		margin-top: 0.3rem;
		padding: 0.8rem 1.6rem;
		border-radius: 10%;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		box-shadow: 0 0 10px rgba(34, 197, 94, 0.6);
		font-weight: 200;
	}


}

@media(min-width:1441px) and (max-width:2560px)
{
	.about-hero
	{
		padding: 1.8rem 2.4rem;
		text-align: center;
		max-width: 40%;
		margin: 2rem 50rem;

	}

	.about-header
	{
		font-size: 3rem;
		letter-spacing: 0.03em;
		line-height: 1.6;
	}

	.about-tag
	{
		font-size: 1.9rem;
		text-align: center;
		max-width: none;
	}

	.about-panel
	{
		max-width: 60%;
		margin: 2.4rem 30rem 0;
	}


	.about-subheading
	{
		font-size: 2.2rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	/* Overview sections */

	.about-overview .two-column
	{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.about-section h4
	{
		font-size: 1.9rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.about-section p
	{
		margin: 0;
		font-size: 1.7rem;
		text-align: left;
		max-width: 95%;
		letter-spacing: normal;
		line-height: 1.6;
	}

	.value-card h4
	{
		font-size: 1.9rem;
		text-align: center;
		letter-spacing: 0.05em;
	}

	.value-card p
	{
		font-size: 1.7rem;
		line-height: 1.6;
		letter-spacing: normal;
	}

	#fam2col
	{
		gap: 0;
	}

	#famh2
	{
		font-size: 2.2rem;
		font-weight: 500;
		letter-spacing: 0.05em;
	}

	.family-tagline
	{
		font-size: 1.7rem;
		letter-spacing: normal;
	}

	.about-family-wrapper
	{
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.about-family-wrapper .col-right
	{
		min-width: 100%;
		margin: 0 auto;
		padding: 1rem 1rem 0;
		text-align: left;
	}

	.about-family-wrapper .col-right p
	{
		min-width: 100%;
		line-height: 1.6;
		font-size: 1.7rem;
		margin-top: 1.5rem;
	}

	.slideshow .caption
	{
		position: absolute;
		left: 1rem;
		bottom: 15rem;
		font-size: 1.7rem;
	}

	#bobby1
	{
		bottom: 35rem;
	}

	/* About CTA */

	.about-cta
	{
		text-align: center;
		align-items: center;
		gap: 0.9rem;
		padding: 2rem 1.5rem;
		font-size: 1.7rem;
		line-height: 1.5;
		max-width: 40%;
		margin: 2rem 50rem;
	}

	.about-cta p
	{
		margin: 0;
		font-size: 1.7rem;
		line-height: 1.6;
		letter-spacing: normal;
		text-align: center;
		max-width: 35ch;
	}

	.about-cta .cta-button
	{
		margin-top: 0.3rem;
		padding: 0.8rem 1.6rem;
		border-radius: 10%;
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		box-shadow: 0 0 10px rgba(34, 197, 94, 0.6);
		font-weight: 200;
	}
}