/*h1 { color: black; }*/

.grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
}

.profile-box > img { height: 70%; margin-top: 2%;}

.profile-box > h3 {
        margin: auto;
        margin-top: 3%;
	font-family: roboto;
	font-weight: medium;
	font-size: 16px;
	line-height: 20px;
	color: var(--na-red);
}

.profile-box > p { 
	font-size: 12px; color: black; 
	font-family: roboto;
	font-size: 12px;
	line-height: 24px;
	color: black;
}

.profile-box:hover {
	border: solid 3px white;
	-webkit-box-shadow:0px 0px 0px 2px var(--na-red) ,0px 0px 3px 5px var(--na-lighter-red) ;
	box-shadow:0px 0px 0px 3px var(--na-red) ,0px 0px 0px 5px var(--na-lighter-red) ;
}

.profile-box {
	border: solid 3px var(--na-dark-grey);
	border-radius: 5px;
	padding: 10px;
	width: 400px;
	height: 300px;
	margin: 10px;
	text-align: center;
}