.mobile {
	display: none;
}

.container {
	display: flex;
	align-items: flex-start;
	/* Align the height of columns */
	height: auto;
	overflow: hidden;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
	width: 100%;
}

.about {
	width: 115%;
	/* Take up half the space */
	text-align: left;
	margin: 0 auto;
	padding: 20px;
	/* Add padding for text */
	overflow: hidden;
}

.parallax_about {
	flex: 1;
	/* Take up the other half */
	background-image: url("Indiana_Map.png");
	display: flex;
	justify-content: center;
	align-items: flex-start;
	min-height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 130%;
	height: auto;
	/* Adjust height as needed */
	transition: left 0.0s;
	/* Start off-screen to the left */
	position: relative;
	/*Changed from fix */
	top: 0;
	/* Other background and size styles */
	z-index: 1;
	/* Higher than other elements */
	overflow: hidden;
}

.about,
.alex,
.location {
	opacity: 0;
	transform: translateY(100px);
	transition: opacity .5s ease-out, transform .5s ease-out;

}

.reveal {
	opacity: 1;
	transform: translateY(0);
}

.alex_container {
	display: flex;
	align-items: flex-start;
	/* Align the height of columns */
	height: auto;
	overflow: hidden;
	background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
}

.alex {
	width: 115%;
	/* Take up half the space */
	text-align: left;
	margin: 0 auto;
	padding: 20px;
	/* Add padding for text */
	overflow: hidden;
}

.parallax_alex {
	flex: 1;
	/* Take up the other half */
	background-image: url("Alex_CEO2.png");
	min-height: 550px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 110%;
	height: auto;
	/* Adjust height as needed */
	/* Start off-screen to the left */
	position: relative;
	/*Changed from fix */
	top: 0;
	/* Other background and size styles */
	z-index: 1;
	/* Higher than other elements */

	overflow: hidden;
}

.location_container {
	display: flex;
	align-items: flex-start;
	/* Align the height of columns */
	height: auto;
	overflow: hidden;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
}

.location {
	width: 115%;
	/* Take up half the space */
	text-align: left;
	margin: 0 auto;
	padding: 20px;
	/* Add padding for text */
	overflow: hidden;
}

.parallax_Location {
	flex: 1;
	min-height: 550px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	/* Adjust height as needed */
	/* Start off-screen to the left */
	position: relative;
	/*Changed from fix */
	top: 0;
	/* Other background and size styles */
	z-index: 1;
	/* Higher than other elements */

	overflow: hidden;
}

.slide1 {
	background-image: url("About_5.1.png");
}

.slide2 {
	background-image: url("About_6.1.png");
}

.slide3 {
	background-image: url("About_5.1.png");
}

.slide4 {
	background-image: url("About_4.1.png");
}

.mySlides {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

h2 {
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #00215b;
	font-size: 50px;
}

p {
	text-align: left;
	max-width: 600px;
	/* Adjust the max-width as needed */
	margin: 20px auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: 500px;
	opacity: 1;
}

@media (min-width: 1200px) {
	.parallax_alex {
		background-size: 80%;
		/* Adjust to desired maximum size */
		height: auto;
	}

	.parallax_about {
		background-size: 80%;
		/* Adjust to desired maximum size */
		height: auto;
	}

	.parallax_Location {
		background-size: 80%;
		/* Adjust to desired maximum size */
		height: auto;
	}
}

@media only screen and (max-width: 960px) {

	.location_container {
		display: block;
	}

	.parallax_about {
		background-image: url("mobile/Indiana_Map.png");
		background-attachment: scroll;
	}

	.parallax_alex {
		background-image: url("mobile/Alex_CEO2.png");
		background-attachment: scroll;
		background-size: cover;
	}


	.parallax_Location {
		
		background-attachment: scroll;
		position: relative;
		margin-bottom: -15px;
	}


	.slide1 {
		background-image: url("mobile/About_5.3.png");
	}

	.slide2 {
		background-image: url("mobile/About_6.2.png");

	}

	.slide3 {
		background-image: url("mobile/About_3.2.png");
	}

	.slide4 {
		background-image: url("mobile/About_4.2.png");

	}

	.alex_container,
	.container {
		height: auto;
	}

	.location {
		height: auto;
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	.about_container {
		background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
	}

	.alex_container {
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
	}

	.alex_logo_container {
		background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
	}

	.location_container {
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
	}

	.parallax_Location_container {
		background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));

	}


	.mobile {
		display: contents;
	}

	.wrapper {
		display: none;
	}

	p {
		font-size: 16px;
	}

	h1,
	h2,
	h3 {
		font-size: xx-large;
	}
}

@media (max-width: 600px) {

	.parallax_about,
	.parallax_alex {
		flex: none;
		width: 100%;
		/* Stack columns vertically on small screens */
		margin: 0 auto;

	}

	.about,
	.alex {
		flex: none;
		width: 90%;
	}

	.parallax_about {
		background-image: url("mobile/Indiana_Map2.png");
		min-height: 550px;
		background-size: cover;
		height: auto;
	}

	.parallax_alex {
		background-image: url("mobile/Alex_CEO2.png");
		background-size: cover;
		height: auto;
	}

	.about_container {
		background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(0, 33, 91, 0.3));
	}

	.parallax_Location {
		background-size: contain;
		flex: 1;
		min-height: 300px;
		display: flex;
		background-attachment:scroll;		
		position: relative;
		margin-bottom: -15px;
	}

	p {
		max-width: 380px;
	}

	hgroup h2 {
		margin-left: -42px;
	}

	.center_list ul {
		font-size: small;
	}

	h1,
	h2,
	h3 {
		font-size: x-large;
	}
}