@charset "utf-8";
/* CSS Document */
:root {
--blue: #27225A;
}


.team_container {
	display: grid;
	grid-template-columns: 1fr;
	margin: 0 10% 2rem 10%;
	}


.title {
	text-align: center;
	font-size: 20px;
	padding: 1em 0;
}

.desc {
	grid-row-start: 3;
	margin: 0 10%;
	padding: 26px;
	background-color: var(--blue);
	border-bottom-left-radius: 60px;
	border-top-right-radius: 60px;
	font-family: roboto;
	color: white;
}

.headshot_holder {
	grid-row-start: 2;
	text-align: center;
}

.navigato-awards {
	padding: 10px;
	grid-row-start: 4;
	text-align: center;
}

.background_info {
	grid-row-start: 5;
	margin: 0 10%;
}

.background_info-2 {
	grid-row-start: 6;
	margin: 1em 10% 0 10%;
	font-size: 1em;
	
}

h3 {
	color: black;
}

.headshot {
	border-radius: 30px;
	/*border: solid 4px var(--blue); 
	padding: 10px; */
}


.logo-icon {
	position: relative;
	bottom: 20%;
	right: 40%;	
	height: clamp(3rem, 10vw, 10rem);
	margin: 2rem auto 0 auto;
	opacity: 75%;
}
	


	

@media (min-width: 1120px) {
	
	.team_container {
	display: grid;
	column-gap: 1.5em;
	grid-row-gap: 1.5em;
	margin: 0 10% 2rem 10%;
	grid-template-columns: 1fr 2fr;
	padding-top: 50px;
	justify-content: center;
	font-size: 1.2em;
	
}
	
	.title {
	grid-column-start: 1;
	grid-row-start: 1;
	text-align: center;
		padding: 0;
}

.desc {
	grid-column-start: 2;
	grid-row-start: 1;
	grid-row: span 3;
	margin: 0;
	background-color: var(--blue);
	border-bottom-left-radius: 60px;
	border-top-right-radius: 60px;
	color: white;
}

.headshot_holder {
	grid-column-start: 1;
	grid-row-start: 2;
	text-align: center;
	}
	
	.navigato-awards {
	grid-column-start: 1;
	grid-row-start: 3;
	padding: 0px;
	text-align: center;
}

.background_info {
	grid-column-start: 1;
	grid-row-start: 4;
}

.background_info-2 {
	grid-column-start: 2;
	grid-row-start: 4;
	padding-left: 40px;
	margin: 0 10%;
	font-size: 1em;
}
}