@media (max-width: 8000px) {
	.circle {
		width: 25vw;
	}
	.intro-text {
		width: 45vw;
	}
	.mission {
		width: 30%;
	}
	.hdr-cont h2{
		font-size: 6vw;
	}
}	

@media (max-width: 1025px) {
	.hdr-cont h2{
		font-size: 7vw;
	}
}

@media (max-width: 812px) {
	h1 {
		margin-top: 0;
	}
	.two {
		order: 2;
	}
	.one {
		order: 1;
	}
	.circle {
		width: 50vw;
		margin-top: -1.5rem;
	}
	.intro-text {
		width: 100%;
	}
	.mission {
		width: 100%;
	}
	.hdr-cont h2{
		font-size: 8vw;
	}
}

@media (max-width: 500px) {
	.book1 {
		margin-top: -1rem;
	}
	.hdr-cont h2{
		font-size: 14vw;
	}
}

.credentials {
	margin-top: -0.5rem;
	margin-bottom: -0.5rem; 
	font-family: Georgia, "Lucida Sans", Optima, "Segoe UI", "Comic Sans MS";
	text-align: center;
	font-size: 18px;
}

.one {
	justify-content: center;
	align-items: center;
}

.circle {
	overflow: hidden;
	border: 3px solid #b3daff;
	border-radius: 50%;
	box-shadow: 8px 8px 12px #808080;
}

.qual {
	height: 350px;
	width: 200px;
	text-align: center;
	justify-content: space-between;
	align-items: center;
	background: #b3daff;
	border: 4px solid #66aaaa;
	border-radius: 16px;
	padding: 16px;
	margin: 32px auto;
	box-shadow: 8px 8px 12px #808080;
}

.qual img {
	width: 100%;
}

.grad {
	margin-top: -50px;
	width: 100px;
}

.mission {
	margin: 50px 0;
}

.hdr-cont {
	width: 100%;
}

.hdr-cont img{
	width: 100%;
	margin-bottom: -2%;
}

.hdr-cont h2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	margin: 0;
	width: 100%;
}

#vision-h1 {
	top: 0;
	transform: translateX(-50%);
}

.mission p{
	text-align: center;
	width: 100%;
}