@media screen and (min-width: 2400px) {
	:root {
		--p0: 1.3rem;
		--p1: 1.7rem;
	}
	body {
		#second .screen_text {
			font-size: 2.5rem;
		}
		button {
			font-size: 2rem;
		}
		h1,
		h2 {
			font-size: 6.5rem;
		}
		#logolink #logo {
			font-size: 2.4rem;
			img {
				width: 45px;
			}
		}
		#nine h2 {
			font-size: 5.75rem;
		}
		#pricemodules {
			min-height: 67.5vh;
		}
		.pricemodule {
			.billed {
				font-size: 1.1rem;
			}
			p {
				font-size: var(--p1);
			}
			h3 {
				font-size: 2.6rem;
			}
			.price {
				margin-top: 2.5vh;
				font-size: 3rem;
				span {
					font-size: 1rem;
				}
			}
			.specs li {
				font-size: 1.5rem;
			}
		}
	}
}

@media screen and (min-width: 1550px) and (max-width: 2399px) {
	body {
		h1,
		h2 {
			font-size: 6rem;
		}
		#eight,
		#nine {
			h2 {
				font-size: 5rem;
			}
		}
		#logolink #logo {
			font-size: 2.4rem;
			img {
				width: 45px;
			}
		}
		.pricemodule {
			.billed {
				font-size: 1rem;
			}
			p {
				font-size: var(--p1);
			}
			h3 {
				font-size: 2.5rem;
			}
			.price {
				font-size: 2.75rem;
				span {
					font-size: 1rem;
				}
			}
			.specs li {
				font-size: 1.25rem;
			}
		}
	}
}
@media screen and (min-width: 1024px) and (max-width: 1549px) {
	body {
		#second .screen_text {
			margin-top: -39vw !important;
		}
		h1,
		h2 {
			font-size: 4.25rem;
			img {
				width: 6vw;
				top: 0.8vw;
				padding: 0 0.25vw;
			}
		}
		#eight,
		#nine {
			h2 {
				font-size: 4rem;
			}
		}
		#hero {
			h1,
			h2 {
				line-height: 1.35;
			}
		}
		#logolink #logo {
			img {
				width: 35px;
				margin-top: -2px;
			}
		}
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1549px) and (orientation: portrait) {
	#second .screen_text {
		margin-top: -45vw !important;
	}
}
