.welcome-letter__contact {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    border-radius: 12px;
    background: #F5F5F5;
    padding: 5.5rem 1rem 2rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    margin: 0;
    position: relative;
	flex-direction: column;
    height: max-content;
    align-self: end;
}
.contact--image {
	flex: 0 1 150px;
    position: absolute;
    top: 0%;
    transform: translateY(-50%);
	overflow: hidden;
    border-radius: 50%;
    border: 6px solid #D9D9D9;
    background: #fff;
    aspect-ratio: 1;
}
.contact--image img {
	max-width: 150px;
	width: 100%;
}
.contact--details {
	flex: 1 1 auto;
    display: flex;
    flex-direction: column;
	align-items: center;
    gap: 1rem;
}
.contact--details > span {
    line-height: 1.2;
}
.contact--name {
    font-weight: 600;
    font-size: calc(16px + (22 - 16) * (100vw - 380px) / (1920 - 380));
}
.contact--position {
    font-size: 16px;
}
.contact--university {
    font-size: 14px;
}
.welcome-letter a.button__primary {
	display: flex;
	align-items: center;
	width: max-content;
}
.welcome-letter--description {
	font-weight: 600;
	max-width: 660px;
}
.welcome-letter--text p {
	font-size: 16px;
}
.welcome-letter--description p:last-of-type,
.welcome-letter--item .welcome-letter--text p:last-of-type {
	margin: 0;
}
.nacada__home .intro-pane .welcome-letter * {
	color: #fff !important;
}
.welcome-letter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:1.5rem;
	max-width: 1460px;
	margin: 0 auto;
	margin-top: 5rem;
}
.welcome-letter__left {
	flex: 0 1 440px;
}
.welcome-letter__message {
	flex: 1 1 auto;
}
.welcome-letter h1 {
	margin: 0;
	line-height: 1.1;
	width: max-content;
}
.welcome-letter--text h3 {
	font-size: calc((var(--font-min__h4) * 1px) + (var(--font-max__h4) - var(--font-min__h4)) * (100vw - (var(--min-size) * 1px)) / (var(--max-size) - var(--min-size)));
	font-style: normal;
}
.welcome-letter--item .item--inner {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	padding: 0rem;
}
.welcome-letter--item .welcome-letter--text {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	max-width: 700px;
}
.welcome-letter--item .welcome-letter--text h2 {
	margin:0;
	line-height: 1.1;
}

.content-container .welcome-letter--item .item--inner {
	padding: 0;
}
.welcome-letter--buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
}
.welcome-letter--buttons a.button {
	background: var(--tab-color);
	border: 1px solid var(--tab-color);
	padding: 0.5rem 1rem;
	font-size: 16px;
}
.welcome-letter--buttons a.button.button__primary.primary__alt {
    color: var(--tab-color);
    border-color: var(--tab-color);
    background: #F5F5F5;
}
.welcome-letter--buttons a.button.button__primary.primary__alt:hover {
	background: var(--tab-color);
	color: #f5f5f5;
}
.welcome-letter__contact-info {
	display: flex;
	gap: 1rem;
}
.welcome-letter ul.social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	list-style: none;
	margin: 0;
	margin-top: 1.25rem;
	padding: 0;
}
.welcome-letter .social-link--item i,
.welcome-letter .welcome-letter__contact-info i {
	font-size: 22px;
	font-weight: 600;
	transition: all 0.2s ease-in-out;
}
.welcome-letter .social-link--item a {
	transition: all 0.2s ease-in-out;
}
.welcome-letter .social-link--item a:hover {
	filter:brightness(0.8);
}
.welcome-letter i.fa-facebook {
	color: #1877F2;
}
.welcome-letter i.fa-twitter {
	color: #1DA1F2;
}
.welcome-letter i.fa-square-instagram {
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}
.welcome-letter i.fa-youtube {
	color: #FF0000;
}
.welcome-letter i.fa-linkedin {
	color: #0072b1;
}
.welcome-letter i.fa-pinterest {
	color: #E60023;
}
.welcome-letter i.fa-spotify {
	color: #1DB954;
}
.welcome-letter .fab.fa-tiktok {
    color: #000;
}
@media screen and (min-width: 850px) {
	.welcome-letter--item .item--inner {
		display: flex;
		flex-direction: row;
		align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.welcome-letter--item .welcome-letter--image {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.welcome-letter--item .welcome-letter--text {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.welcome-letter--item.item__right-align .welcome-letter--image {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.welcome-letter--item
		.welcome-letter--image
		figure.responsive-media
		figcaption {
		display: block;
	}
	.welcome-letter--item.item__right-align .welcome-letter--text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.welcome-letter--item .welcome-letter--image {
		max-width: 50%;
	}
	.welcome-letter {
		flex-wrap: nowrap;
		margin-top: 6rem;
	}
	.welcome-letter__left {
		flex: 0 0 300px;
	}
}
@media screen and (min-width: 950px) {
	.welcome-letter--item .welcome-letter--image {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
	.welcome-letter__left {
		flex: 0 0 350px;
	}
}
@media screen and (min-width: 1025px) {
	.welcome-letter__left {
		flex: 0 0 400px;
	}
}
