@import url("/static/css/base.css");
@import url("/static/css/navigation.css");
@import url("/static/css/carousel.css");
@import url("/static/css/forms.css");


.sticky{
	position: -webkit-sticky;
	position: sticky;
}

.page {
    top: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.content {
	max-width: 800px;
	margin: 0 5vw 0 5vw;
}

.dark{
	background: var(--dark);
	color: var(--light);
}

.light{
    background: var(--light);
    color: var(--dark);
}

#background-video {
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	z-index: -1;
}

/* Style each page */
#splash {
	min-height: 90vh;
}

#about {
	min-height: 90vh;
	background-image: url("/static/img/stock2.jpg");
}

#goals {
	min-height: 90vh;
	background-image: url("/static/img/stock1.jpg");
}

#goals #flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}

#enroll {
	min-height: 90vh;
}

#testimonials {
	min-height: 400px;
}

#main-title {
	text-align: center;
}

main-title {
	font-size: calc(1.5rem + 1.5vh);
	text-shadow: 0px 0px 14px black;
	color: var(--mediumlight);
}

subscript {
	color: var(--light);
}

.title {
	font-size: calc(1rem + 1vh);
	font-weight: bolder;
	text-align: center;
	color: var(--mediumlight);
	margin: 5vh 0 5vh 0;
	/* padding: 10vh 0 0 0; */
}

@media  screen and (max-width: 600px) {
	#about {
		background-image: url("/static/img/stock2_narrow.jpg");
	}
	
	#goals {
		background-image: url("/static/img/stock1_narrow.jpg");
	}	
}