h1 {
    margin: 0 0 3rem;
	small {
		color: hsla(32, 50%, 30%, 1.00);
		font-size: calc(1rem + 0.5vw);
        line-height: 1.5;
		margin-top: 0.5rem;
	}
}

ul.contact-list {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    max-width: 42rem;

    li {
        margin: 0.5rem 0;
        line-height: 1.6;
    }

    a {
        word-break: break-word;
    }
}


div.ambassador-card-container {
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 3vw;

	div.ambassador-card {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 2vw);
		min-width: 0;
		margin: 0;
		padding: calc(2vw + 10px);
		box-sizing: border-box;
		background-color: rgba(255, 255, 255, 0.20);
		border: 1px solid rgba(0, 0, 0, 0.01);
		border-radius: 10px;
		box-shadow: 5px 5px 20px hsl(32, 15%, 50%);
		text-align: left;
		img {
			width: 50%;
			aspect-ratio: 4/5;
			border-radius: 5px;
		}
		h3 {
			text-align: left;
			font-size: calc(1.2rem + 0.5vw);
			margin: 0 0 1rem;
			small {
				display: block;
				margin-top: 0;
				font-size: calc(0.9rem + 0.35vw);
				color: hsla(32, 50%, 30%, 1.00);
			}
            a {
				display: block;
				font-size: calc(0.9rem + 0.35vw);
				text-decoration: underline;
                font-weight: normal;
			}
		}
		p {
			font-size: calc(1rem + 0.35vw);
			line-height: 160%;
			margin: 0;
		}
	}

	@media (max-width: 767px) {
		flex-direction: column;
		align-items: center;
		gap: 1.5rem;
		div.ambassador-card {
			width: min(100%, 500px);
		}
	}
}