/* Desktop or laptop view */
@media only screen and (min-width: 1024px) {
	.profile__card {
		display: flex;
	}
	.profile__card .photo {
		width: 16vw;
		height: 43.83vh;
	}
	.profile__card .name {
		font-family: 'BT Beau Sans Medium';
		font-size: 1.04vw;
		color: #4A3BF1;
		margin-top: 1.39vh;
		margin-bottom: 0.46vh;
	}
	.profile__card .position {
		font-size: 1.04vw;
		color: #404040;
		margin-bottom: 3.62vh;
	}
	.profile__thumbnail {
		display: inline-block;
		text-align: center;
		z-index: 2;
	}
	.profile__link {
		color: #0C0C0C;
		text-decoration: underline;
		cursor: pointer;
	}
	.profile__desc {
		display: inline-block;
		height: 43.8vh;
		width: 0px;
		background-color: #FFFFFF;
		box-shadow: 0px 3px 6px #0000001A;
		border: 1px solid #E5E5E5;
		border-radius: 0px 5px 5px 0px;
		position: relative;
		left: -1.50vw;
		transition: 0.5s;
	}
	.profile__desc > div {
		position: relative;
		top: -4.64vh;
		overflow: hidden;
		height: 39.70vh;
		font-size: 1.04vw;
	}
	.profile__desc p {
		padding: 0 3.8vw;
	}
	.profile__photo > img {
		border-radius: 1.04vw;
		height: 43.83vh;
	}
	.close__button {
		width: 2.86vw;
		height: 2.86vw;
		position: relative;
		left: calc(100% - 3.75vw);
		top: -1.43vw;
		z-index: 1;
		opacity: 0;
		cursor: pointer;
	}
	.close__button img {
		width: 2.86vw;
	}
	.profile__photo__mobile {
		display: none;
	}
}

/* Tablet view */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.profile__card {
		display: flex;
		flex-direction: column;
		margin-bottom: 130px;
	}
	.profile__card .photo {
		width: 16vw;
		height: 43.83vh;
	}
	.profile__card .name {
		font-family: 'BT Beau Sans Medium';
		font-size: 16px;
		color: #4A3BF1;
		margin-top: 1.39vh;
		margin-bottom: 0.46vh;
	}
	.profile__card .position {
		font-size: 16px;
		color: #404040;
		margin-bottom: 3.62vh;
	}
	.profile__thumbnail {
		display: inline-block;
		text-align: center;
		z-index: 2;
	}
	.profile__link {
		color: #0C0C0C;
		text-decoration: underline;
		cursor: pointer;
	}
	.profile__desc {
		display: none;
		height: 0px;
		width: 100%;
		background-color: #FFFFFF;
		box-shadow: 0px 3px 6px #0000001A;
		border: 1px solid #E5E5E5;
		border-radius: 10px;
		position: relative;
		top: -150px;
		transition: 0.5s;
		padding-top: 200px;
	}
	.profile__desc > div {
		position: relative;
		top: -4.64vh;
		overflow: hidden;
		height: 39.70vh;
		font-size: 16px;
	}
	.profile__desc p {
		padding-top: 6.59vh;
	}
	.profile__photo > img {
		border-radius: 20px;
		width: 330px;
	}
	.profile__desc p {
		padding: 0 3.8vw;
	}
	.close__button {
		position: absolute;
		top: calc(100% - 35px);
		left: calc(100% - 50px);
		z-index: 1;
		opacity: 0;
		cursor: pointer;
	}
	.close__button img {
		width: 50px;
	}
	.profile__photo__mobile {
		display: none;
	}
}
/* Mobile view */
@media only screen and (max-width: 767px) {
	.profile__card {
		display: flex;
		flex-direction: column;
		margin-bottom: 130px;
	}
	.profile__card .photo {
		width: 100%;
	}
	.profile__card .name {
		font-family: 'BT Beau Sans Medium';
		font-size: 16px;
		color: #4A3BF1;
		margin-top: 1.39vh;
		margin-bottom: 0.46vh;
	}
	.profile__card .position {
		font-size: 16px;
		color: #404040;
		margin-bottom: 3.62vh;
	}
	.profile__thumbnail {
		display: inline-block;
		text-align: center;
		z-index: 2;
	}
	.profile__link {
		color: #0C0C0C;
		text-decoration: underline;
		cursor: pointer;
	}
	.profile__desc {
		display: none;
		flex-direction: column-reverse;
		height: 0px;
		width: 100%;
		background-color: #FFFFFF;
		box-shadow: 0px 3px 6px #0000001A;
		border: 1px solid #E5E5E5;
		border-radius: 10px;
		position: relative;
		top: -130px;
		transition: 0.5s;
	}
	.profile__desc > div {
		font-size: 16px;
		padding-bottom: 25px;
	}
	.profile__photo__mobile > img {
		border-radius: 20px;
		width: 84.62vw;
		max-width: 330px;
	}
	.profile__desc p {
		padding: 0 25px;
	}
	.close__button {
		position: absolute;
		top: calc(100% - 35px);
		left: calc(100% - 50px);
		z-index: 1;
		opacity: 0;
		cursor: pointer;
	}
	.close__button img {
		width: 50px;
	}
	.profile__photo {
		display: none;
	}
}