/*Adjust breakpoint as desired to select when the "hamburger" menu is
replaced by just the links.*/


@media screen and (max-width: 900px) {
	.hide-me {
	display: none !important;
	}
}
@media screen and (max-width: 900px) {
	.show-me {
	display: block !important;
	}
}
@media screen and (max-width: 900px) {
	.hide-learn {
	display: none !important;
	}
}
@media screen and (max-width: 900px) {
	.show-call {
	display: block !important;
	}
}
@media screen and (max-width: 574px) {
	.topnav a {
	font-size: 14px;
	}
}
@media screen and (max-width: 1000px) {
	.w3-half {
	width:100%;
	}
}
@media screen and (max-width: 1000px) {
	.w3-quarter {
	width:50%;
	}
}
@media screen and (max-width: 1000px) {
	.hide-header {
	display: none !important;
	}
}
@media screen and (max-width: 1000px) {
	.show-header {
	display: block !important;
	}
}
@media screen and (max-width: 1500px) {
	h1 {
	font-size: 2vw;
	}
}
@media screen and (max-width: 1500px) {
	h2 {
	font-size: 1.5vw;
	}
}
@media screen and (max-width: 1500px) {
	p {
	font-size: 1.2vw;
	}
}
@media screen and (max-width: 1500px) {
	li {
	font-size: 1.2vw;
	}
}
@media screen and (max-width: 1000px) {
	h1 {
	font-size: 2.5vw;
	}
}
@media screen and (max-width: 1000px) {
	h2 {
	font-size: 2.3vw;
	}
}
@media screen and (max-width: 1000px) {
	p {
	font-size: 1.7vw;
	}
}
@media screen and (max-width: 1000px) {
	li {
	font-size: 1.7vw;
	}
}
@media screen and (max-width: 800px) {
	h1 {
	font-size: 2.7vw;
	}
}
@media screen and (max-width: 800px) {
	h2 {
	font-size: 2.5vw;
	}
}
@media screen and (max-width: 800px) {
	p {
	font-size: 2vw;
	}
}
@media screen and (max-width: 800px) {
	li {
	font-size: 2vw;
	}
}
@media screen and (max-width: 700px) {
	h1 {
	font-size: 3vw;
	}
}
@media screen and (max-width: 700px) {
	h2 {
	font-size: 2.7vw;
	}
}
@media screen and (max-width: 700px) {
	p {
	font-size: 2.2vw;
	}
}
@media screen and (max-width: 700px) {
	li {
	font-size: 2.2vw;
	}
}
@media screen and (max-width: 600px) {
	h1 {
	font-size: 3.2vw;
	}
}
@media screen and (max-width: 600px) {
	h2 {
	font-size: 2.9vw;
	}
}
@media screen and (max-width: 600px) {
	p {
	font-size: 2.5vw;
	}
}
@media screen and (max-width: 600px) {
	li {
	font-size: 2.5vw;
	}
}
@media screen and (max-width: 500px) {
	h1 {
	font-size: 3.5vw;
	}
}
@media screen and (max-width: 500px) {
	h2 {
	font-size: 3.5vw;
	}
}
@media screen and (max-width: 500px) {
	p {
	font-size: 2.9vw;
	}
}
@media screen and (max-width: 500px) {
	li {
	font-size: 2.9vw;
	}
}
@media screen and (max-width: 414px) {
	h1 {
	font-size: 4vw;
	}
}
@media screen and (max-width: 414px) {
	h2 {
	font-size: 3.8vw;
	}
}
@media screen and (max-width: 414px) {
	p {
	font-size: 3.2vw;
	}
}
@media screen and (max-width: 414px) {
	li {
	font-size: 3.2vw;
	}
}