/*this CSS contains styling for DLR-styled content boxes*/
/*design for mission info or news and media should be handled here*/

/*Content for Missions Page */
 .content {
	position: relative;
	margin-top: 0;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	background-color: #e9e9e9;
	padding: 1em;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.5em;
}

.whitebox {
	justify-self: center;	
	max-width: 35em;
	background-color: white;
	padding: 0;
	padding-bottom: 1em;
}

.textbox{
	padding: 1em;
}

#missions-heading {
	position: absolute;
	margin-top: -30%;
	color: white;
	text-align: center;
	padding: 10vw;
	z-index: 2;
}

#missions-img {
	z-index: 1;
}

/*Note, Sizes and Units; 1em = 16px @100%, 1vw = 1% of viewport width */