body {
	margin: 0;
	background: DarkSlateGray;
	border: none;
}

.heroImage {
	height: 650px;
	position: relative;
	padding: 0;
	top:0;

	background-image: url("./amtrakAiro.jpg");
	background-position: center 40%;
	background-repeat: no-repeat;
	display: block;
	background-size: cover;
}

.heroText {
	float:right;
	right: 100px;
	top: 100px;
	position: relative;

	width: 500px;
	height: 240px;
	background-color: rgba(0,0,0,.40);
	border-radius: 5px;

}

.heroText h1 {
	position: relative;
	top: 5px;
	width: 100%;
	height: 100%;

	margin: 10px;

	color: white;
	font-size: 40px;
	font-family: OpenSans,Helvetica,Arial,"sans-serif";
	
	white-space: normal;
}

.threeThings {
	border-top: 2px double white;
	border-bottom: 2px double white;

	display: flex;

	justify-content: space-evenly;
	height: 400px;
	background-color: gray;
	width: 100%;
	flex-direction: row;
	align-items: center;
}


.blue {
	width: 300px;
	height: 300px;
	background: rgb(0, 255, 255);
}

.purple {
	width: 300px;
	height: 300px;
	background: rgb(128, 0, 128);
}

.yellow {
	width: 300px;
	height: 300px;
	background: yellow;
}